@keyframes fadeIn{to{opacity:1}}@keyframes textGlow{0%,to{text-shadow:0 0 10px #c8a75280,0 0 20px #c8a7524d,0 0 30px #c8a75233}50%{text-shadow:0 0 20px #c8a752cc,0 0 40px #c8a75299,0 0 60px #c8a75266}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes loadingProgress{0%{width:0%}50%{width:70%}to{width:100%}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardGlow{0%,to{box-shadow:0 8px 32px #0006,0 0 0 1px #c8a7521a}50%{box-shadow:0 8px 32px #0006,0 0 20px #c8a75226}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.yg-float{animation:6s ease-in-out infinite float}.yg-bounce{animation:2s ease-in-out infinite bounce}.yg-pulse{animation:2.4s ease-in-out infinite pulse}.yg-shimmer{animation:2.2s linear infinite shimmer}.yg-fadein{animation:.42s ease-out both fadeIn}.yg-fadeup{animation:.52s ease-out both fadeInUp}.yg-slideup{animation:.52s ease-out both slideUp}.yg-spin{animation:1.2s linear infinite spin}.yg-textglow{animation:2.6s ease-in-out infinite textGlow}@media (prefers-reduced-motion:reduce){.yg-float,.yg-bounce,.yg-pulse,.yg-shimmer,.yg-spin,.yg-textglow{animation:none!important}}:root,[data-theme=dark]{--font-heading:"Plus Jakarta Sans", sans-serif;--font-body:"Inter", sans-serif;--color-primary:#111;--color-secondary:#c8a752;--color-accent:#c8a752;--bg-dark:#0a0a0a;--bg-darker:#0b0c0f;--bg-body:#0b0c0f;--text-light:#e2e8f0;--text-primary:#fff;--text-muted:#94a3b8;--card-bg:#111111e6;--card-bg-solid:#111;--gradient-gold:linear-gradient(45deg, #c8a752, #c8a752, #c8a752);--border-radius:15px;--transition:all .18s ease;--shadow:#00000080}[data-theme=light]{--color-primary:#fff;--color-secondary:#c8a752;--color-accent:#c8a752;--bg-dark:#f8f9fa;--bg-darker:#fff;--bg-body:#f5f5f5;--text-light:#1a1a1a;--text-primary:#000;--text-muted:#64748b;--card-bg:#fffffff2;--card-bg-solid:#fff;--gradient-gold:linear-gradient(45deg, #c8a752, #c8a752, #c8a752);--border-radius:15px;--transition:all .18s ease;--shadow:#0000001a}body{background:var(--bg-body);color:var(--text-primary);transition:background-color .18s,color .18s}.gg-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0b0c0fe6;border-bottom:1px solid #c8a75233;justify-content:space-between;align-items:center;padding:15px 5%;display:flex;position:sticky;top:0}.brand{color:#fff;font-size:1.2rem;font-weight:700;font-family:var(--font-heading);align-items:center;gap:12px;text-decoration:none;display:flex}.brand-logo{object-fit:cover;border:2px solid var(--color-secondary);border-radius:8px;width:36px;height:36px}.main-nav{gap:24px;display:flex}.main-nav a{color:var(--text-light);letter-spacing:.5px;font-size:1.1rem;font-weight:600;font-family:var(--font-body);transition:var(--transition);padding:8px 0;text-decoration:none;position:relative}.main-nav a:hover,.main-nav a.active{color:var(--color-secondary)}.main-nav a:after{content:"";background:var(--gradient-gold);width:0;height:2px;transition:width .18s;position:absolute;bottom:0;left:0}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.main-nav a.nav-disabled{color:var(--text-muted);opacity:.5;cursor:not-allowed;pointer-events:none}.auth-buttons{align-items:center;gap:12px;display:flex}.btn-login,.btn-register{cursor:pointer;transition:var(--transition);font-weight:600;font-family:var(--font-body);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;display:inline-flex}.btn-login{color:var(--color-secondary);border:2px solid var(--color-secondary);background:0 0}.btn-login:hover{background:#c8a7521a;transform:translateY(-2px)}.btn-register{background:var(--gradient-gold);color:var(--bg-darker);border:2px solid #0000}.btn-register:hover{opacity:.9}.btn{cursor:pointer;transition:var(--transition);font-weight:600;font-family:var(--font-body);text-align:center;border:none;border-radius:12px;padding:12px 24px;font-size:1rem;text-decoration:none;display:inline-block}.btn-primary{background:var(--gradient-gold);color:var(--bg-darker)}.btn-secondary{color:var(--color-secondary);border:2px solid var(--color-secondary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0}.btn-outline{color:var(--text-light);background:0 0;border:1px solid #ffffff4d}.btn:hover{opacity:.92}.section{padding:100px 5% 60px}.section-title{text-align:center;margin-bottom:40px}.section-title h2{color:#0000;background:var(--gradient-gold);font-size:2.2rem;font-family:var(--font-heading);-webkit-background-clip:text;background-clip:text;margin-bottom:12px}.section-title p{color:var(--text-muted);max-width:600px;margin:0 auto}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:30px;display:grid}.tool-card{background:var(--card-bg);border-radius:var(--border-radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);text-align:center;border:1px solid #ffffff1a;flex-direction:column;height:100%;padding:24px;display:flex;box-shadow:0 8px 32px #0000004d}.tool-card:hover{border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:0 15px 40px #0006}.tool-card h3{color:var(--text-light);margin-bottom:12px;font-size:1.4rem}.tool-card p{color:var(--text-muted);flex-grow:1;margin-bottom:16px}.tool-icon{color:var(--color-secondary);margin-bottom:16px;font-size:2.6rem}footer{text-align:center;color:var(--text-muted);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #ffffff1a;margin-top:60px;padding:40px 5% 30px;font-size:.9rem}.footer-brand{justify-content:center;align-items:center;gap:12px;margin-bottom:16px;display:flex}.footer-logo{object-fit:cover;border:1px solid var(--color-secondary);border-radius:6px;width:28px;height:28px}.footer-links{flex-wrap:wrap;justify-content:center;gap:24px;margin:20px 0;display:flex}.footer-links a{color:var(--text-muted);transition:var(--transition);text-decoration:none}.footer-links a:hover{color:var(--color-secondary)}@media (width<=768px){.main-nav{order:3;justify-content:center;gap:18px;width:100%;margin-top:12px}.section{padding:80px 5% 40px}.tools-grid{grid-template-columns:1fr}.main-header{padding:.75rem 1rem}.main-nav{background:var(--bg-primary);z-index:999;flex-direction:column;padding:1rem;display:none;position:fixed;top:60px;left:0;right:0}.main-nav.active{display:flex!important}.hamburger-menu{color:var(--gold-primary);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:block!important}.auth-modal-content{margin:1rem auto;width:95%!important;max-width:95%!important}.modal-input,.modal-button{min-height:44px!important;font-size:16px!important}}.logo,.brand-logo,.footer-logo,.modal-logo,.logo-hero img{object-fit:contain;max-width:100%;height:auto;display:block}.gg-header .logo,.gg-header .brand-logo{border-radius:50%;width:50px;height:50px}.logo-hero{width:140px;height:140px}.modal-logo{width:60px;height:60px}.footer-logo{width:40px;height:40px}@media (width<=768px){.gg-header .logo,.gg-header .brand-logo{width:40px;height:40px}.logo-hero{width:100px;height:100px}.modal-logo{width:50px;height:50px}.gg-header{padding:12px 4%}.main-nav{display:none}.auth-buttons{gap:8px}.btn-login,.btn-register{padding:8px 12px;font-size:.85rem}.btn-login i,.btn-register i,.user-menu-btn span{display:none}}.user-menu{align-items:center;display:flex;position:relative}.user-menu-btn{border:1px solid var(--color-secondary);color:var(--text-light);cursor:pointer;transition:var(--transition);font-family:var(--font-body);background:#c8a7521a;border-radius:8px;align-items:center;gap:10px;padding:8px 16px;font-weight:600;display:flex}.user-menu-btn:hover{background:#c8a75233}.user-avatar-sm{object-fit:cover;border-radius:50%;width:32px;height:32px}.user-dropdown{background:var(--card-bg);z-index:1000;border:1px solid #ffffff1a;border-radius:12px;min-width:220px;padding:10px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 8px 24px #0006}.user-dropdown a,.user-dropdown button{color:var(--text-light);transition:var(--transition);text-align:left;cursor:pointer;width:100%;font-family:var(--font-body);background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;text-decoration:none;display:flex}.user-dropdown a:hover,.user-dropdown button:hover{color:var(--color-secondary);background:#c8a7521a}.user-dropdown hr{border:none;border-top:1px solid #ffffff1a;margin:8px 0}.logout-btn{color:#ff6b6b!important}.logout-btn:hover{background:#ff6b6b1a!important}.theme-emoji-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#c8a7521a;border:1px solid #c8a7524d;border-radius:20px;align-items:center;gap:8px;padding:4px;display:flex}.theme-emoji-btn{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.3rem;transition:all .3s;display:flex}.theme-emoji-btn:hover{opacity:1;background:#c8a75233;transform:scale(1.1)}.theme-emoji-btn.active{opacity:1;background:#c8a7524d;transform:scale(1.05);box-shadow:0 0 0 2px #c8a75280}.theme-emoji-btn:active{transform:scale(.95)}@media (width<=768px){.theme-emoji-selector{gap:4px;padding:3px}.theme-emoji-btn{width:32px;height:32px;font-size:1.1rem}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(#c8a752,#9d8040);border:1px solid #0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#e4d08e,#c8a752)}::-webkit-scrollbar-corner{background:0 0}.auth-modal-content::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar{width:6px}.auth-modal-content::-webkit-scrollbar-track{background:#0003;border-radius:3px}.modal-body::-webkit-scrollbar-track{background:#0003;border-radius:3px}.modal-content::-webkit-scrollbar-track{background:#0003;border-radius:3px}.auth-modal-content::-webkit-scrollbar-thumb{background:var(--color-secondary,#c8a752);border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:var(--color-secondary,#c8a752);border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:var(--color-secondary,#c8a752);border-radius:3px}.auth-modal-content::-webkit-scrollbar-thumb:hover{background:#e4d08e}.modal-body::-webkit-scrollbar-thumb:hover{background:#e4d08e}.modal-content::-webkit-scrollbar-thumb:hover{background:#e4d08e}*{scrollbar-width:thin;scrollbar-color:#c8a752 #0000004d}