:root{--nav-bg:#fff;--nav-text:#333;--nav-hover:#007bff;--body-bg:#f8f9fa;--body-text:#212529;--footer-bg:#2C3E50;--footer-text:#fff;--footer-link-hover:#3498DB;--whatsapp-bg:#25D366;--whatsapp-hover:#128C7E;--card-bg:#fff;--card-shadow:0 4px 8px #0000001a}[data-theme="dark"]{--nav-bg:#1e1e1e;--nav-text:#fff;--nav-hover:#bb86fc;--body-bg:#121212;--body-text:#e0e0e0;--footer-bg:#1E1E1E;--footer-text:#e0e0e0;--footer-link-hover:#bb86fc;--whatsapp-bg:#128C7E;--whatsapp-hover:#0A6E5A;--card-bg:#1e1e1e;--card-shadow:0 4px 8px #ffffff1a}body{background-color:var(--body-bg);color:var(--body-text);transition:background-color .3s ease,color .3s ease;font-family:'Arial',sans-serif}.navbar{background-color:var(--nav-bg)!important;position:sticky;top:0;z-index:1000;box-shadow:0 2px 5px #0000001a}.hover-effect:hover{filter:brightness(0.9);transition:all .3s ease-in-out}.gradient-text{background:linear-gradient(90deg,#82f369 26%,#91cfff 46%,#fac 61%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.theme-toggle{cursor:pointer;font-size:1.5rem;color:var(--nav-text);transition:color .3s ease}.theme-toggle:hover{color:var(--nav-hover)}.template-card{background-color:var(--card-bg);border-radius:8px;box-shadow:var(--card-shadow);transition:transform .3s ease,box-shadow .3s ease;animation:fadeIn .5s ease-in}.template-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.social-icons a{font-size:1.5rem;margin:0 10px;transition:color .3s ease}@media (max-width: 768px){.social-icons a{font-size:1.2rem;margin:0 8px}}.whatsapp-button{position:fixed;bottom:20px;right:20px;background-color:var(--whatsapp-bg);color:#fff;padding:12px 16px;border-radius:50%;font-size:24px;z-index:9999;transition:background-color 0.3s,transform .3s}.whatsapp-button:hover{background-color:var(--whatsapp-hover);transform:scale(1.1);text-decoration:none}.fullscreen-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:2000;justify-content:center;align-items:center}.fullscreen-modal img{max-width:90%;max-height:90%;object-fit:contain;opacity:0;transition:opacity .3s ease}.fullscreen-modal img.loaded{opacity:1}.close-btn{position:absolute;top:20px;right:20px;font-size:2rem;color:#fff;cursor:pointer;transition:color .3s ease}.close-btn:hover{color:var(--nav-hover)}