:root{--primary-color:#667eea;--primary-light:#7c93f0;--primary-dark:#5a67d8;--secondary-color:#764ba2;--accent-color:#f093fb;--white:#fff;--black:#000;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:#3b82f6;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--transition-fast:75ms ease-in-out;--transition-base:100ms ease-in-out;--transition-slow:150ms ease-in-out;--touch-target-min:44px;--touch-target-ideal:48px;--touch-spacing:8px;--mobile-padding:16px;--mobile-margin:12px;--mobile-gap:8px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);--z-dropdown:1000;--sound-primary:#7c3aed;--sound-secondary:#667eea;--sound-success:#10b981;--sound-warning:#f59e0b;--sound-error:#ef4444;--sound-bg:#fffffff2;--sound-border:#7c3aed33;--sound-shadow:0 4px 6px #0000001a;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--surface-color:#fff;--surface-elevated:#fff;--scrollbar-track:#f9fafb;--scrollbar-thumb:#9ca3af;--scrollbar-thumb-hover:#6b7280;--text-primary:#111827;--text-secondary:#4b5563;--text-tertiary:#6b7280;--text-inverse:#fff;--border-color:#e5e7eb;--border-color-light:#f3f4f6;--border-color-dark:#d1d5db}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#131c31;--bg-tertiary:#1e293b;--surface-color:#111827;--surface-elevated:#1f2937;--text-primary:#f1f5f9;--text-secondary:#cbd5f5;--text-tertiary:#94a3b8;--text-inverse:#111827;--border-color:#1f2937;--border-color-light:#1f2937;--border-color-dark:#334155;--scrollbar-track:#131c31;--scrollbar-thumb:#334155;--scrollbar-thumb-hover:#475569;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-base:0 1px 3px 0 #00000059,0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #00000059,0 2px 4px -1px #00000040;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #0000008c,0 10px 10px -5px #0006}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.15}body{line-height:1.5}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:initial;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:initial;color:inherit}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;height:auto;max-width:100%}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:initial}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}:focus{outline:2px solid var(--primary-color);outline-offset:2px}body{color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:var(--text-base);line-height:1.6}h1,h2,h3,h4,h5,h6{color:var(--gray-900);font-weight:var(--font-bold);line-height:1.2;margin-bottom:var(--space-4)}h1{font-size:var(--text-4xl);margin-bottom:var(--space-6)}h2{font-size:var(--text-3xl);margin-bottom:var(--space-5)}h3{font-size:var(--text-2xl);margin-bottom:var(--space-4)}h4{font-size:var(--text-xl);margin-bottom:var(--space-3)}h5{font-size:var(--text-lg)}h5,h6{margin-bottom:var(--space-2)}h6{font-size:var(--text-base)}p{line-height:1.7;margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark);text-decoration:underline}a:focus{outline:2px solid var(--primary-color);outline-offset:2px}ol,ul{margin-bottom:var(--space-4);padding-left:var(--space-6)}li{line-height:1.6;margin-bottom:var(--space-2)}blockquote{border-left:4px solid var(--primary-color);color:var(--gray-600);font-style:italic;margin:var(--space-6) 0;padding-left:var(--space-4)}code{border-radius:var(--radius-sm);color:var(--gray-800);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875em;padding:var(--space-1) var(--space-2)}code,pre{background-color:var(--gray-100)}pre{border-radius:var(--radius-lg);margin:var(--space-6) 0;overflow-x:auto;padding:var(--space-4)}pre code{background-color:initial;border-radius:0;padding:0}:root{--auth-primary:#ff6b6b;--auth-primary-light:#ff8e53;--auth-primary-lighter:#ffa726;--auth-secondary:#f093fb;--auth-accent:#f5576c;--auth-success:#51cf66;--auth-success-dark:#40c057;--auth-error:#ff6b6b;--auth-error-dark:#ee5a52;--auth-warning:#fa0;--auth-text-primary:#333;--auth-text-secondary:#666;--auth-text-light:#999;--auth-text-white:#fff;--auth-border:#e1e5e9;--auth-border-light:#ffffff4d;--auth-bg:#fff;--auth-bg-glass:#ffffffeb;--auth-bg-light:#f8f9fa;--auth-spacing-xs:4px;--auth-spacing-sm:8px;--auth-spacing-md:16px;--auth-spacing-lg:24px;--auth-spacing-xl:32px;--auth-spacing-xxl:40px;--auth-radius-sm:8px;--auth-radius-md:12px;--auth-radius-lg:16px;--auth-radius-xl:20px;--auth-radius-full:50%;--auth-shadow-sm:0 2px 4px #0000001a;--auth-shadow-md:0 4px 12px #0000001f;--auth-shadow-lg:0 8px 32px #0000001f;--auth-shadow-xl:0 20px 60px #0006;--auth-shadow-primary:0 4px 12px #ff6b6b4d;--auth-shadow-primary-hover:0 6px 20px #ff6b6b66;--auth-transition-fast:0.15s ease;--auth-transition-base:0.2s ease;--auth-transition-slow:0.3s ease;--auth-font-size-sm:13px;--auth-font-size-base:14px;--auth-font-size-md:15px;--auth-font-size-lg:16px;--auth-font-size-xl:26px;--auth-card-max-width:400px;--auth-input-height:56px;--auth-input-height-mobile:48px;--auth-logo-size:200px;--auth-logo-size-tablet:180px;--auth-logo-size-mobile:160px}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:16px;padding:var(--auth-spacing-md);position:relative}.auth-card{animation:cardFadeIn .5s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffeb;background:var(--auth-bg-glass);border:1px solid #ffffff4d;border:1px solid var(--auth-border-light);border-radius:20px;border-radius:var(--auth-radius-xl);box-shadow:0 8px 32px #0000001f;box-shadow:var(--auth-shadow-lg);contain:layout style paint;max-width:400px;max-width:var(--auth-card-max-width);padding:40px 32px;padding:var(--auth-spacing-xxl) var(--auth-spacing-xl);position:relative;transform:translateZ(0);width:100%;will-change:transform,opacity}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-header{border-bottom:1px solid #ff6b6b1a;margin-bottom:40px;margin-bottom:var(--auth-spacing-xxl);padding-bottom:16px;padding-bottom:var(--auth-spacing-md);text-align:center}.auth-icon{margin-bottom:16px;margin-bottom:var(--auth-spacing-md);text-align:center}.auth-logo{border-radius:12px;border-radius:var(--auth-radius-md);display:block;height:200px;height:var(--auth-logo-size);margin:0 auto 16px;margin:0 auto var(--auth-spacing-md) auto;width:200px;width:var(--auth-logo-size)}.auth-title{color:#666;color:var(--auth-text-secondary);font-size:15px;font-size:var(--auth-font-size-md);font-weight:500;margin:8px 0 0;margin-top:var(--auth-spacing-sm)}.welcome-message{background:linear-gradient(135deg,#ff6b6b,#ff8e53);background:linear-gradient(135deg,var(--auth-primary) 0,var(--auth-primary-light) 100%);border-radius:8px;border-radius:var(--auth-radius-sm);color:#fff;color:var(--auth-text-white);font-weight:600;margin-bottom:16px;margin-bottom:var(--auth-spacing-md);padding:8px 16px;padding:var(--auth-spacing-sm) var(--auth-spacing-md);text-align:center}.welcome-message .user-name{color:#fff;color:var(--auth-text-white);font-weight:700;text-shadow:0 1px 2px #0000001a}.auth-error{background:linear-gradient(135deg,#ff6b6b,#ee5a52);background:linear-gradient(135deg,var(--auth-error) 0,var(--auth-error-dark) 100%);box-shadow:0 4px 12px #ff6b6b4d;box-shadow:var(--auth-shadow-primary)}.auth-error,.auth-success{border:none;border-radius:12px;border-radius:var(--auth-radius-md);color:#fff;color:var(--auth-text-white);font-weight:600;margin-bottom:16px;margin-bottom:var(--auth-spacing-md);padding:16px;padding:var(--auth-spacing-md) var(--auth-spacing-md);text-align:center}.auth-success{background:linear-gradient(135deg,#51cf66,#40c057);background:linear-gradient(135deg,var(--auth-success) 0,var(--auth-success-dark) 100%);box-shadow:0 2px 8px #51cf6633}.auth-social-proof{align-items:center;animation:subtlePulse 3s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ff8e53 50%,#ffa726);background:linear-gradient(135deg,var(--auth-primary) 0,var(--auth-primary-light) 50%,var(--auth-primary-lighter) 100%);border-radius:12px;border-radius:var(--auth-radius-md);box-shadow:0 4px 12px #ff6b6b4d;box-shadow:var(--auth-shadow-primary);color:#fff;color:var(--auth-text-white);display:flex;font-size:14px;font-size:var(--auth-font-size-base);font-weight:600;gap:10px;margin-bottom:24px;margin-bottom:var(--auth-spacing-lg);padding:14px 24px;padding:14px var(--auth-spacing-lg)}.auth-social-proof-icon{flex-shrink:0;font-size:18px}.auth-social-proof-text{flex:1 1;line-height:1.4}.auth-social-proof strong{font-size:16px;font-size:var(--auth-font-size-lg);font-weight:700}@keyframes subtlePulse{0%,to{box-shadow:0 4px 12px #ff6b6b4d;box-shadow:var(--auth-shadow-primary);transform:scale(1)}50%{box-shadow:0 6px 20px #ff6b6b66;box-shadow:var(--auth-shadow-primary-hover);transform:scale(1.01)}}form{animation:formFadeIn .6s ease-out}@keyframes formFadeIn{0%{opacity:0}to{opacity:1}}.auth-form-group{animation:slideInUp .4s ease-out backwards;contain:layout style;margin-bottom:32px;position:relative;transition:all .2s ease;transition:all var(--auth-transition-base)}.auth-form-group:first-child{animation-delay:.1s}.auth-form-group:nth-child(2){animation-delay:.2s}.auth-form-group:nth-child(3){animation-delay:.3s}.auth-form-group:nth-child(4){animation-delay:.4s}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-form-group label{color:#333;color:var(--auth-text-primary);display:block;font-size:14px;font-size:var(--auth-font-size-base);font-weight:600;letter-spacing:1px;margin-bottom:10px;padding-left:4px;position:relative;text-transform:uppercase;transition:color .2s ease;transition:color var(--auth-transition-base)}.auth-form-group:focus-within label{color:#ff6b6b;color:var(--auth-primary)}.auth-form-group input{align-items:center;background:#fff;background:var(--auth-bg);border:2px solid #e1e5e9;border:2px solid var(--auth-border);border-radius:12px;border-radius:var(--auth-radius-md);box-shadow:0 2px 4px #0000000a;box-sizing:border-box;color:#333;color:var(--auth-text-primary);display:flex;font-family:inherit;font-size:16px;font-size:var(--auth-font-size-lg);height:auto;line-height:1.5;min-height:56px;min-height:var(--auth-input-height);padding:18px 18px 18px 56px;position:relative;transition:all .2s ease;transition:all var(--auth-transition-base);width:100%}.auth-form-group input::placeholder{color:#999;color:var(--auth-text-light);font-size:14px;font-size:var(--auth-font-size-base);opacity:.6;transition:opacity .2s ease;transition:opacity var(--auth-transition-base)}.auth-form-group input:hover{border-color:#ff6b6b80;box-shadow:0 4px 8px #0000000f;transform:translateY(-1px)}.auth-form-group input:focus{background:#fff;border-color:#ff6b6b;border-color:var(--auth-primary);box-shadow:0 0 0 4px #ff6b6b1f,0 4px 12px #ff6b6b26;outline:none;transform:translateY(-2px)}.auth-form-group input:focus::placeholder{opacity:.4}.auth-form-group input.invalid{animation:shake .4s ease-in-out;border-color:#f44;box-shadow:0 0 0 4px #ff444426,0 4px 12px #f443}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-4px)}20%,40%,60%,80%{transform:translateX(4px)}}.auth-form-group input.checking{animation:pulse 2s ease-in-out infinite;border-color:#fa0;border-color:var(--auth-warning);box-shadow:0 0 0 4px #ffaa0026,0 4px 12px #fa03}.auth-form-group input.valid{animation:successPulse .6s ease-out;border-color:#0a0;box-shadow:0 0 0 4px #00aa0026,0 4px 12px #0a03}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.auth-form-icon{align-items:center;box-sizing:border-box;color:#ff6b6b;color:var(--auth-primary);display:flex;filter:drop-shadow(0 2px 4px rgba(255,107,107,.25));height:22px;justify-content:center;left:18px;line-height:1;margin:0;opacity:.8;padding:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;transition:all var(--auth-transition-base);vertical-align:middle;width:22px;z-index:2}.auth-form-group:hover .auth-form-icon{color:#f5576c;color:var(--auth-accent);opacity:1;transform:translateY(-50%) scale(1.1)}.auth-form-group:focus-within .auth-form-icon{color:#ff6b6b;color:var(--auth-primary);filter:drop-shadow(0 2px 6px rgba(255,107,107,.4));opacity:1;transform:translateY(-50%) scale(1.15)}.auth-form-icon.email,.auth-form-icon.name,.auth-form-icon.password{color:#ff6b6b;color:var(--auth-primary);height:20px;width:20px}.auth-form-icon svg{display:block;height:100%;left:0;position:relative;top:0;vertical-align:middle;width:100%}.email-checking{align-items:center;background:#ffaa001a;border-left:3px solid #fa0;border-left:3px solid var(--auth-warning);color:#fa0;color:var(--auth-warning);display:flex;gap:8px}.email-checking,.email-error{animation:slideDown .3s ease-out;border-radius:8px;border-radius:var(--auth-radius-sm);font-size:13px;font-size:var(--auth-font-size-sm);font-weight:500;margin-top:8px;padding:8px 12px}.email-error{background:#ff44441a;border-left:3px solid #f44;color:#f44}.email-success{align-items:center;animation:slideDown .3s ease-out;background:#00aa001a;border-left:3px solid #0a0;border-radius:8px;border-radius:var(--auth-radius-sm);color:#0a0;display:flex;font-size:13px;font-size:var(--auth-font-size-sm);font-weight:500;gap:8px;margin-top:8px;padding:8px 12px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-form-group.password-field{position:relative}.auth-form-group.password-field input{padding-right:56px}.password-toggle{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ff6b6b14;border:none;border-radius:8px;border-radius:var(--auth-radius-sm);color:#ff6b6b;color:var(--auth-primary);cursor:pointer;display:flex;height:36px;justify-content:center;padding:8px;position:absolute;right:18px;top:50%;transform:translateY(-5%);transition:all .2s ease;transition:all var(--auth-transition-base);width:36px;z-index:3}.password-toggle:hover{background:#ff6b6b26;color:#f5576c;color:var(--auth-accent);transform:translateY(-40%) scale(1.1)}.password-toggle:active{background:#ff6b6b33;transform:translateY(-40%) scale(.95)}.password-toggle svg{display:block;height:20px;transition:transform .2s ease;transition:transform var(--auth-transition-base);width:20px}.password-toggle:hover svg{transform:scale(1.1)}.remember-me-container{align-items:center;display:flex;gap:8px;gap:var(--auth-spacing-sm);margin:16px 0;margin:var(--auth-spacing-md) 0;padding:0 4px;padding:0 var(--auth-spacing-xs)}.remember-me-checkbox{accent-color:#ff6b6b;accent-color:var(--auth-primary);border-radius:4px;border-radius:var(--auth-spacing-xs);cursor:pointer;height:20px;width:20px}.remember-me-label{color:#666;color:var(--auth-text-secondary);cursor:pointer;font-size:14px;font-size:var(--auth-font-size-base);font-weight:500;-webkit-user-select:none;user-select:none}.forgot-password-container{margin:8px 0 16px;margin:var(--auth-spacing-sm) 0 var(--auth-spacing-md) 0;text-align:right}.forgot-password-link{background:none;border:none;color:#ff6b6b;color:var(--auth-primary);cursor:pointer;font-size:13px;font-size:var(--auth-font-size-sm);font-weight:500;text-decoration:underline;transition:color .15s ease;transition:color var(--auth-transition-fast)}.forgot-password-link:hover{color:#f5576c;color:var(--auth-accent)}.auth-btn-primary{background:linear-gradient(135deg,#ff6b6b,#ff8e53 50%,#ffa726);background:linear-gradient(135deg,var(--auth-primary) 0,var(--auth-primary-light) 50%,var(--auth-primary-lighter) 100%);border:none;border-radius:12px;border-radius:var(--auth-radius-md);box-shadow:0 4px 12px #ff6b6b4d;box-shadow:var(--auth-shadow-primary);color:#fff;color:var(--auth-text-white);cursor:pointer;font-size:16px;font-size:var(--auth-font-size-lg);font-weight:700;letter-spacing:.5px;margin-bottom:16px;margin-bottom:var(--auth-spacing-md);min-height:56px;overflow:hidden;padding:18px 24px;padding:18px var(--auth-spacing-lg);position:relative;transform:translateZ(0);transition:all .2s ease;transition:all var(--auth-transition-base);width:100%;will-change:transform}.auth-btn-primary:before{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.auth-btn-primary:hover:not(:disabled):before{left:100%}.auth-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ff8e53,#ff6b6b 50%,#ffa726);background:linear-gradient(135deg,var(--auth-primary-light) 0,var(--auth-primary) 50%,var(--auth-primary-lighter) 100%);box-shadow:0 6px 20px #ff6b6b66,0 8px 24px #ff6b6b4d;box-shadow:var(--auth-shadow-primary-hover),0 8px 24px #ff6b6b4d;transform:translateY(-3px) translateZ(0)}.auth-btn-primary:active:not(:disabled){box-shadow:0 4px 12px #ff6b6b4d;box-shadow:var(--auth-shadow-primary);transform:translateY(-1px) translateZ(0)}.auth-btn-primary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.auth-toggle-container{background:linear-gradient(135deg,#ff6b6b14,#ff8e5314);border:2px solid #ff6b6b33;border-radius:12px;border-radius:var(--auth-radius-md);margin-bottom:24px;margin-bottom:var(--auth-spacing-lg);margin-top:32px;margin-top:var(--auth-spacing-xl);padding:24px 16px;padding:var(--auth-spacing-lg) var(--auth-spacing-md);text-align:center}.auth-toggle-container .auth-btn-link{background:none;border:none;color:#ff6b6b;color:var(--auth-primary);cursor:pointer;display:inline-block;font-size:18px;font-weight:700;line-height:1.5;margin-top:0;padding:8px 16px;padding:var(--auth-spacing-sm) var(--auth-spacing-md);position:relative;text-align:center;text-decoration:none;transition:all .2s ease;transition:all var(--auth-transition-base)}.auth-toggle-container .auth-btn-link:not(:disabled){-webkit-text-fill-color:#0000;animation:gradient-shift 3s ease infinite;background:linear-gradient(135deg,#ff6b6b,#ff8e53 50%,#f5576c);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-weight:800;letter-spacing:.5px}.auth-toggle-container .auth-btn-link:hover:not(:disabled){-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff5252,#ff7043 50%,#e53935);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 12px rgba(255,107,107,.5));transform:scale(1.08)}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.auth-toggle-container .auth-btn-link .rocket-emoji{-webkit-text-fill-color:initial;animation:rocket-bounce 2s ease-in-out infinite;background:none;background-clip:initial;display:inline-block;filter:drop-shadow(0 2px 4px rgba(255,107,107,.3));font-size:1.2em;vertical-align:middle}@keyframes rocket-bounce{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-3px) rotate(-5deg)}75%{transform:translateY(-3px) rotate(5deg)}}.auth-btn-link{background:none;border:none;color:#ff6b6b;color:var(--auth-primary);cursor:pointer;display:inline-block;font-size:18px;font-weight:700;margin-top:0;padding:8px 16px;padding:var(--auth-spacing-sm) var(--auth-spacing-md);text-decoration:none;transition:all .2s ease;transition:all var(--auth-transition-base)}.auth-btn-link:hover:not(:disabled){color:#f5576c;color:var(--auth-accent);transform:scale(1.05)}.auth-btn-link:disabled{cursor:not-allowed;opacity:.7}.auth-info{background:#f8f9fa;background:var(--auth-bg-light);border:1px solid #e9ecef;border-radius:8px;border-radius:var(--auth-radius-sm);color:#666;color:var(--auth-text-secondary);font-size:14px;font-size:var(--auth-font-size-base);font-weight:500;margin-top:16px;margin-top:var(--auth-spacing-md);padding:15px;text-align:center}.exit-intent-overlay{align-items:center;animation:fadeIn ease .3s ease;animation:fadeIn var(--auth-transition-slow) ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:16px;padding:var(--auth-spacing-md);position:fixed;z-index:10000}.exit-intent-popup{animation:slideUp ease .3s ease;animation:slideUp var(--auth-transition-slow) ease;background:#fff;background:var(--auth-bg);border-radius:24px;border-radius:var(--auth-spacing-lg);box-shadow:0 20px 60px #0006;box-shadow:var(--auth-shadow-xl);max-width:420px;padding:32px 28px;padding:var(--auth-spacing-xl) 28px;position:relative;text-align:center;width:100%}.exit-intent-close{align-items:center;background:#f5f5f5;border:none;border-radius:50%;border-radius:var(--auth-radius-full);color:#666;color:var(--auth-text-secondary);cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;line-height:1;position:absolute;right:16px;right:var(--auth-spacing-md);top:16px;top:var(--auth-spacing-md);transition:all .2s ease;transition:all var(--auth-transition-base);width:36px}.exit-intent-close:hover{background:#e0e0e0;color:#333;color:var(--auth-text-primary);transform:rotate(90deg)}.exit-intent-icon{animation:bounce 1s ease infinite;font-size:48px;margin-bottom:16px;margin-bottom:var(--auth-spacing-md)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.exit-intent-title{color:#333;color:var(--auth-text-primary);font-size:26px;font-size:var(--auth-font-size-xl);font-weight:700;line-height:1.2;margin:0 0 8px;margin:0 0 var(--auth-spacing-sm) 0}.exit-intent-message{color:#666;color:var(--auth-text-secondary);font-size:15px;font-size:var(--auth-font-size-md);line-height:1.6;margin:0 0 28px}.exit-intent-button{margin-bottom:8px;margin-bottom:var(--auth-spacing-sm)}.exit-intent-skip{background:none;border:none;color:#999;color:var(--auth-text-light);cursor:pointer;font-size:14px;font-size:var(--auth-font-size-base);padding:8px 16px;padding:var(--auth-spacing-sm) var(--auth-spacing-md);text-decoration:underline;transition:color .2s ease;transition:color var(--auth-transition-base)}.exit-intent-skip:hover{color:#666;color:var(--auth-text-secondary)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (min-width:481px) and (max-width:768px){.auth-card{max-width:450px;padding:45px 35px}.auth-logo{height:180px;height:var(--auth-logo-size-tablet);width:180px;width:var(--auth-logo-size-tablet)}.auth-form-group{margin-bottom:24px;margin-bottom:var(--auth-spacing-lg)}}@media (max-width:480px){.auth-card{border-radius:16px;border-radius:var(--auth-radius-lg);margin:10px;padding:32px 24px;padding:var(--auth-spacing-xl) var(--auth-spacing-lg)}.auth-header{margin-bottom:32px;margin-bottom:var(--auth-spacing-xl)}.auth-logo{height:160px;height:var(--auth-logo-size-mobile);width:160px;width:var(--auth-logo-size-mobile)}.auth-title{font-size:14px;font-size:var(--auth-font-size-base)}.auth-form-group{margin-bottom:24px;margin-bottom:var(--auth-spacing-lg)}.auth-form-group input{font-size:16px;font-size:var(--auth-font-size-lg);height:auto;min-height:48px;min-height:var(--auth-input-height-mobile);padding:16px 16px 16px 52px}.auth-form-group label{font-size:13px;font-size:var(--auth-font-size-sm);margin-bottom:8px}.auth-form-icon{height:20px;left:16px;width:20px}.password-toggle{height:32px;padding:6px;right:16px;transform:translateY(-15%)!important;width:32px}.password-toggle:hover{transform:translateY(-15%) scale(1.1)!important}.password-toggle:active{transform:translateY(-15%) scale(.95)!important}.auth-btn-primary{font-size:16px;font-size:var(--auth-font-size-lg);min-height:48px;min-height:var(--auth-input-height-mobile);padding:16px 24px;padding:var(--auth-spacing-md) var(--auth-spacing-lg)}.remember-me-container{margin:16px 0;margin:var(--auth-spacing-md) 0}.remember-me-checkbox{height:24px;width:24px}.welcome-message{font-size:14px;font-size:var(--auth-font-size-base);padding:14px 16px;padding:14px var(--auth-spacing-md)}.auth-social-proof{animation:none;font-size:13px;font-size:var(--auth-font-size-sm);margin-bottom:16px;margin-bottom:var(--auth-spacing-md);padding:8px 16px;padding:var(--auth-spacing-sm) var(--auth-spacing-md)}.auth-social-proof-icon{font-size:16px;font-size:var(--auth-spacing-md)}.exit-intent-popup{border-radius:16px;border-radius:var(--auth-spacing-md);padding:28px 24px;padding:28px var(--auth-spacing-lg)}.exit-intent-title{font-size:22px}.exit-intent-message{font-size:14px;font-size:var(--auth-font-size-base)}.exit-intent-icon{animation:none;font-size:40px}*,:after,:before{animation:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none!important;transition:none!important}.auth-card,.auth-error,.auth-success{box-shadow:0 2px 4px #0000001a!important;box-shadow:var(--auth-shadow-sm)!important}.auth-form-group input:focus{box-shadow:0 0 0 2px #ff6b6b33!important}.auth-btn-primary,.auth-btn-primary:before{box-shadow:0 2px 4px #0000001a!important;box-shadow:var(--auth-shadow-sm)!important}.auth-btn-link:hover,.auth-btn-primary:hover,.auth-btn-primary:hover:not(:disabled),.auth-form-group:hover .auth-form-icon,.forgot-password-link:hover{transform:none!important}.auth-toggle-container{margin-bottom:16px;margin-bottom:var(--auth-spacing-md);margin-top:24px;margin-top:var(--auth-spacing-lg);padding:16px;padding:var(--auth-spacing-md)}.auth-btn-link{font-size:16px;font-size:var(--auth-font-size-lg);padding:4px 8px;padding:var(--auth-spacing-xs) var(--auth-spacing-sm)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.auth-btn-primary,.auth-btn-primary *,.auth-form-group,.auth-form-group *{animation:none!important;transition:none!important}}@media (min-width:769px){.auth-form-group input:focus+.auth-form-icon,.auth-form-group:hover .auth-form-icon{color:#f5576c;color:var(--auth-accent);transition:color .15s ease;transition:color var(--auth-transition-fast)}.auth-form-icon{animation:iconSlideIn .2s ease-out}@keyframes iconSlideIn{0%{opacity:0}to{opacity:1}}.password-toggle:hover{background:#ff6b6b33;color:#ff8e53;color:var(--auth-primary-light)}}:root{--color-primary:180 33% 27%;--color-primary-light:188 100% 50%;--color-primary-dark:180 40% 20%;--color-secondary:180 20% 95%;--color-accent:188 100% 50%;--color-success:142 76% 36%;--color-warning:14 100% 60%;--color-error:354 100% 64%;--color-teal-dark:180 33% 27%;--color-teal-cyan:188 100% 50%;--color-mustard:33 54% 65%;--color-orange:14 100% 60%;--color-coral:354 100% 64%;--color-white:0 0% 100%;--color-gray-50:0 0% 98%;--color-gray-100:0 0% 96%;--color-gray-200:0 0% 90%;--color-gray-300:0 0% 83%;--color-gray-400:0 0% 64%;--color-gray-500:0 0% 45%;--color-gray-600:0 0% 32%;--color-gray-700:0 0% 25%;--color-gray-800:0 0% 15%;--color-gray-900:0 0% 9%;--color-text:var(--text-primary);--color-text-muted:var(--text-secondary);--color-text-light:var(--text-tertiary);--color-bg:var(--bg-primary);--color-bg-secondary:var(--bg-secondary);--color-bg-tertiary:var(--bg-tertiary);--gradient-primary:linear-gradient(135deg,hsl(var(--color-teal-dark)) 0%,hsl(var(--color-teal-cyan)) 100%);--gradient-energy:linear-gradient(90deg,#00d4ff,#2d5a5a 60%,#00d4ff);--gradient-xp:linear-gradient(135deg,#2d5a5a,#00d4ff 50%,#2d5a5a);--gradient-coin:linear-gradient(135deg,#d4a574,#ffb347);--gradient-tyt:linear-gradient(135deg,#0f8,#00d4ff 50%,#43e97b);--gradient-ayt-ea:linear-gradient(135deg,#43cea2,#185a9d 50%,#667eea);--gradient-ayt-say:linear-gradient(135deg,#ff6b35,#f7971e 50%,#ffd200);--gradient-ayt-soz:linear-gradient(135deg,#fa709a,#fee140 50%,#ff9a9e);--gradient-stats:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);--gradient-leaderboard:linear-gradient(135deg,#1e3a8a,#2563eb 50%,#3b82f6);--gradient-yks-score:linear-gradient(135deg,#8b0000,#dc143c 50%,tomato);--neu-bg:var(--surface-color);--neu-light:color-mix(in srgb,var(--surface-color) 85%,#fff);--neu-dark:color-mix(in srgb,var(--surface-color) 35%,#000);--neu-shadow-light:color-mix(in srgb,var(--surface-elevated) 30%,#fffc);--neu-shadow-dark:color-mix(in srgb,var(--surface-elevated) 70%,#00000073);--neu-shadow:4px 4px 8px var(--neu-shadow-dark),-4px -4px 8px var(--neu-shadow-light);--neu-shadow-inset:inset 3px 3px 6px var(--neu-shadow-dark),inset -3px -3px 6px var(--neu-shadow-light);--neu-shadow-pressed:inset 2px 2px 4px var(--neu-shadow-dark),inset -2px -2px 4px var(--neu-shadow-light);--space-1:clamp(0.2rem,0.4vw,0.4rem);--space-2:clamp(0.4rem,0.85vw,0.85rem);--space-3:clamp(0.6rem,1.3vw,1.3rem);--space-4:clamp(0.85rem,1.7vw,1.7rem);--space-5:clamp(1rem,2.1vw,2.1rem);--space-6:clamp(1.3rem,2.6vw,2.6rem);--radius-sm:clamp(0.5rem,1vw,0.75rem);--radius-md:clamp(0.75rem,1.5vw,1rem);--radius-lg:clamp(1rem,2vw,1.5rem);--radius-xl:clamp(1.5rem,3vw,2rem);--radius-full:50%;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--text-xs:clamp(0.75rem,1.5vw,0.875rem);--text-sm:clamp(0.875rem,2vw,1rem);--text-base:clamp(1rem,2.5vw,1.125rem);--text-lg:clamp(1.125rem,3vw,1.25rem);--text-xl:clamp(1.25rem,3.5vw,1.5rem);--text-2xl:clamp(1.5rem,4vw,2rem);--text-3xl:clamp(1.875rem,5vw,2.5rem);--text-4xl:clamp(2.25rem,6vw,3rem);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--transition-bounce:400ms cubic-bezier(0.4,1.4,0.6,1);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--profile-card-padding:clamp(0.85rem,1.7vw,1.2rem);--profile-card-gap:clamp(0.6rem,1.2vw,0.85rem);--profile-grid-gap:clamp(0.4rem,0.85vw,0.6rem);--profile-avatar-size:clamp(75px,14vw,95px);--profile-badge-height:clamp(40px,8vw,55px);--profile-divider:#2d5a5a33;--profile-muted-text:#525252;--profile-panel-border:#0000000a;--profile-panel-glow:#00d4ff14;--xp-primary:#2d5a5a;--xp-light:#00d4ff;--xp-dark:#1a3a3a;--xp-bg:#2d5a5a1a;--xp-size-desktop:100px;--xp-size-mobile:65px;--xp-stroke-width:8;--xp-glow-desktop:0 0 20px #00d4ff66;--xp-glow-mobile:0 0 10px #00d4ff4d;--animation-duration-desktop:0.3s;--animation-duration-mobile:0.1s}[data-theme=dark]{--profile-muted-text:#e2e8f0c7;--profile-panel-border:#3b82f640;--profile-panel-glow:#0ea5e933}.home-container{align-items:center;contain:layout style paint;display:flex;flex-direction:column;min-height:100vh;padding:clamp(.85rem,1.7vw,1.7rem);padding:var(--space-4);padding-bottom:2.5rem;scroll-behavior:smooth}.content-wrapper{margin:0 auto;max-width:min(900px,100%);width:100%}.profile-card{margin:clamp(.85rem,1.7vw,1.7rem) auto clamp(.6rem,1.3vw,1.3rem);margin:var(--space-4) auto var(--space-3) auto;max-width:420px;width:100%}.profile-card-inner{grid-gap:clamp(.6rem,1.2vw,.85rem);grid-gap:var(--profile-card-gap);background:var(--surface-color);background:var(--neu-bg);border-radius:clamp(1.5rem,3vw,2rem);border-radius:var(--radius-xl);box-shadow:4px 4px 8px color-mix(in srgb,var(--surface-elevated) 70%,#00000073),-4px -4px 8px color-mix(in srgb,var(--surface-elevated) 30%,#fffc);box-shadow:var(--neu-shadow);color:var(--text-primary);contain:layout style;display:grid;gap:clamp(.6rem,1.2vw,.85rem);gap:var(--profile-card-gap);grid-template-rows:auto auto auto auto auto;overflow:hidden;padding:clamp(.85rem,1.7vw,1.2rem);padding:var(--profile-card-padding);position:relative;transition:all .3s;transition:all var(--animation-duration-desktop)}.profile-card-inner:hover{box-shadow:8px 8px 16px color-mix(in srgb,var(--surface-elevated) 70%,#00000073),-8px -8px 16px color-mix(in srgb,var(--surface-elevated) 30%,#fffc);box-shadow:8px 8px 16px var(--neu-shadow-dark),-8px -8px 16px var(--neu-shadow-light);transform:translateY(-2px)}.profile-header{align-items:center;display:flex;flex-direction:column;gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2)}.profile-avatar-wrapper{cursor:pointer;height:clamp(75px,14vw,95px);height:var(--profile-avatar-size);position:relative;transition:transform .3s;transition:transform var(--animation-duration-desktop);width:clamp(75px,14vw,95px);width:var(--profile-avatar-size)}.profile-avatar-wrapper:before{animation:rotate-border 3s linear infinite;background:conic-gradient(from 0deg,#2d5a5a,#00d4ff,#2d5a5a,#00d4ff,#2d5a5a);border-radius:50%;content:"";inset:-4px;position:absolute;will-change:transform;z-index:0}.profile-avatar-wrapper:hover{transform:scale(1.05)}.profile-avatar-wrapper:hover:before{animation-duration:1.5s}.profile-avatar{align-items:center;background:var(--surface-color);background:var(--neu-bg);border:4px solid var(--neu-bg);border-radius:50%;box-shadow:inset 3px 3px 6px color-mix(in srgb,var(--surface-elevated) 70%,#00000073),inset -3px -3px 6px color-mix(in srgb,var(--surface-elevated) 30%,#fffc);box-shadow:var(--neu-shadow-inset);color:#2e5c5c;color:hsl(var(--color-primary));display:flex;font-size:clamp(2.5rem,8vw,3.5rem);font-weight:800;height:100%;justify-content:center;position:relative;width:100%;z-index:1}.profile-name{color:var(--text-primary);font-size:clamp(1.875rem,5vw,2.5rem);font-size:var(--text-3xl);font-weight:800;letter-spacing:.3px;margin:0;text-align:center;text-shadow:0 4px 12px #00000026}.profile-stats-grid{grid-gap:clamp(.4rem,.85vw,.6rem);grid-gap:var(--profile-grid-gap);display:grid;gap:clamp(.4rem,.85vw,.6rem);gap:var(--profile-grid-gap);grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}.profile-level-badge{align-items:center;background:var(--surface-color);background:var(--neu-bg);border-radius:clamp(1rem,2vw,1.5rem);border-radius:var(--radius-lg);box-shadow:4px 4px 8px color-mix(in srgb,var(--surface-elevated) 70%,#00000073),-4px -4px 8px color-mix(in srgb,var(--surface-elevated) 30%,#fffc);box-shadow:var(--neu-shadow);display:flex;flex-direction:column;gap:clamp(.2rem,.4vw,.4rem);gap:var(--space-1);justify-content:center;min-height:clamp(40px,8vw,55px);min-height:var(--profile-badge-height);padding:clamp(.6rem,1.3vw,1.3rem);padding:var(--space-3);transition:all .3s;transition:all var(--animation-duration-desktop)}.profile-level-badge:hover{box-shadow:6px 6px 12px color-mix(in srgb,var(--surface-elevated) 70%,#00000073),-6px -6px 12px color-mix(in srgb,var(--surface-elevated) 30%,#fffc);box-shadow:6px 6px 12px var(--neu-shadow-dark),-6px -6px 12px var(--neu-shadow-light);transform:translateY(-2px)}.profile-level-icon{font-size:clamp(1.25rem,3.5vw,1.5rem);font-size:var(--text-xl)}.profile-level-icon,.profile-level-number{color:#2e5c5c;color:hsl(var(--color-primary))}.profile-level-number{font-size:clamp(1.5rem,4vw,2rem);font-size:var(--text-2xl);font-weight:900;line-height:1}.profile-level-label{color:#525252;color:var(--profile-muted-text);font-size:clamp(.75rem,1.5vw,.875rem);font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.profile-rank-badge{align-items:center;background:var(--surface-color);background:var(--neu-bg);border-radius:clamp(1rem,2vw,1.5rem);border-radius:var(--radius-lg);box-shadow:4px 4px 8px color-mix(in srgb,var(--surface-elevated) 70%,#00000073),-4px -4px 8px color-mix(in srgb,var(--surface-elevated) 30%,#fffc);box-shadow:var(--neu-shadow);display:flex;flex-direction:column;gap:clamp(.2rem,.4vw,.4rem);gap:var(--space-1);justify-content:center;min-height:clamp(40px,8vw,55px);min-height:var(--profile-badge-height);padding:clamp(.6rem,1.3vw,1.3rem);padding:var(--space-3);transition:all .3s;transition:all var(--animation-duration-desktop)}.profile-rank-badge:hover{box-shadow:6px 6px 12px color-mix(in srgb,var(--surface-elevated) 70%,#00000073),-6px -6px 12px color-mix(in srgb,var(--surface-elevated) 30%,#fffc);box-shadow:6px 6px 12px var(--neu-shadow-dark),-6px -6px 12px var(--neu-shadow-light);transform:translateY(-2px)}.profile-rank-icon{animation:subtle-pulse 2s ease-in-out infinite;font-size:clamp(1.25rem,3.5vw,1.5rem);font-size:var(--text-xl)}.profile-rank-name{color:#2e5c5c;color:hsl(var(--color-teal-dark));font-size:clamp(1rem,2.5vw,1.125rem);font-size:var(--text-base);font-weight:700;line-height:1.2;text-align:center}.profile-rank-label{color:#525252;color:var(--profile-muted-text);font-size:clamp(.75rem,1.5vw,.875rem);font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.profile-xp-progress{align-items:center;background:linear-gradient(135deg,#2d5a5a14,#00d4ff0a 50%,#2d5a5a0f);border:2px solid #00d4ff26;border-radius:clamp(1.5rem,3vw,2rem);border-radius:var(--radius-xl);box-shadow:inset 0 2px 4px #2d5a5a1a,0 8px 16px #00d4ff1a;display:flex;flex-direction:column;gap:clamp(.6rem,1.3vw,1.3rem);gap:var(--space-3);grid-column:1/-1;overflow:hidden;padding:clamp(.85rem,1.7vw,1.7rem);padding:var(--space-4);position:relative;transition:all .3s ease}.profile-xp-progress:hover{border-color:#00d4ff40;box-shadow:inset 0 2px 4px #2d5a5a26,0 12px 24px #00d4ff26;transform:translateY(-2px)}@media (max-width:768px){.profile-xp-progress{border-radius:clamp(1rem,2vw,1.5rem);border-radius:var(--radius-lg);border-width:1px;gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2);padding:clamp(.6rem,1.3vw,1.3rem);padding:var(--space-3)}.profile-xp-progress:hover{transform:none}}@media (max-width:480px){.profile-xp-progress{gap:clamp(.2rem,.4vw,.4rem);gap:var(--space-1);padding:clamp(.4rem,.85vw,.85rem);padding:var(--space-2)}}.xp-ring-container{align-items:center;display:inline-flex;justify-content:center;position:relative}.xp-segment-bg{fill:none;stroke:#2d5a5a1f;stroke-width:10;stroke-linecap:round;transition:none}.xp-segment-active{animation:segmentPulse 2s ease-in-out infinite;filter:drop-shadow(0 0 6px rgba(0,212,255,.4));will-change:filter}.xp-segment-active,.xp-segment-partial{fill:none;stroke:url(#segmentGradient);stroke-width:10;stroke-linecap:round}.xp-segment-partial{opacity:.6}.xp-ring-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:3px;height:100%;justify-content:center;left:0;padding:8px;position:absolute;top:0;width:100%}.xp-percent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d5a5a,#00d4ff);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:900;line-height:1.1;white-space:nowrap}.xp-stats{color:#262626;font-size:.7rem;font-weight:700;text-align:center}.xp-needed,.xp-stats{line-height:1.2;white-space:nowrap}.xp-needed{background:#00d4ff1a;border-radius:8px;color:#525252;color:var(--profile-muted-text);font-size:.65rem;font-weight:600;padding:2px 6px}@keyframes segmentPulse{0%,to{filter:drop-shadow(0 0 6px rgba(0,212,255,.4))}50%{filter:drop-shadow(0 0 10px rgba(0,212,255,.6))}}@media (max-width:768px){.xp-segment-active,.xp-segment-bg,.xp-segment-partial{stroke-width:8}.xp-ring-content{gap:2px;padding:6px}.xp-percent{font-size:1.4rem}.xp-stats{font-size:.65rem}.xp-needed{font-size:.6rem;padding:2px 5px}.xp-segment-active{animation:segmentPulse 2.5s ease-in-out infinite!important}}@media (max-width:480px){.xp-ring-content{gap:2px;padding:5px}.xp-percent{font-size:1.2rem}.xp-stats{font-size:.6rem}.xp-needed{font-size:.55rem;padding:1px 4px}}.xp-description{background:#00d4ff0f;border:1px solid #00d4ff26;border-radius:12px;color:#525252;color:var(--profile-muted-text);font-size:.8rem;margin-top:8px;padding:8px 12px;text-align:center}@media (max-width:768px){.xp-description{font-size:.75rem;padding:6px 10px}}.profile-resources{grid-gap:clamp(.6rem,1.3vw,1.3rem);grid-gap:var(--space-3);background:var(--surface-color);background:var(--neu-bg);border-radius:clamp(1rem,2vw,1.5rem);border-radius:var(--radius-lg);box-shadow:inset 3px 3px 6px color-mix(in srgb,var(--surface-elevated) 70%,#00000073),inset -3px -3px 6px color-mix(in srgb,var(--surface-elevated) 30%,#fffc);box-shadow:var(--neu-shadow-inset);display:grid;gap:clamp(.6rem,1.3vw,1.3rem);gap:var(--space-3);grid-column:1/-1;grid-template-columns:1fr 2px 1fr;padding:clamp(.6rem,1.3vw,1.3rem);padding:var(--space-3)}.profile-resource-item{align-items:center;display:flex;flex-direction:column;gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2)}.profile-resource-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:clamp(1.5rem,4vw,2rem);font-size:var(--text-2xl)}.profile-resource-icon.coin{animation:coinPulse 2.5s ease-in-out infinite}.profile-resource-amount{font-family:Orbitron,monospace;font-size:clamp(1.25rem,3.5vw,1.5rem);font-size:var(--text-xl);font-weight:700;letter-spacing:.5px;line-height:1}.profile-resource-amount.coin{color:#d6ab76;color:hsl(var(--color-mustard));text-shadow:0 2px 4px #d4a57433}.profile-resource-amount.energy{color:#0df;color:hsl(var(--color-teal-cyan))}.profile-resource-progress{background:#0000001a;border-radius:2px;box-shadow:inset 0 1px 2px #0000001a;height:4px;overflow:hidden;width:100%}.profile-resource-progress-fill{background:linear-gradient(90deg,#00d4ff,#2d5a5a 60%,#00d4ff);background:var(--gradient-energy);border-radius:2px;height:100%;transition:width .3s;transition:width var(--animation-duration-desktop)}.profile-resource-divider{background:#2d5a5a33;background:var(--profile-divider);border-radius:1px;height:100%;width:2px}.profile-energy-section{display:flex;flex-direction:column;gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2)}.profile-energy-bar-container{background:var(--surface-color);background:var(--neu-bg);border:2px solid var(--neu-light);border-radius:12px;box-shadow:inset 3px 3px 6px color-mix(in srgb,var(--surface-elevated) 70%,#00000073),inset -3px -3px 6px color-mix(in srgb,var(--surface-elevated) 30%,#fffc);box-shadow:var(--neu-shadow-inset);height:22px;overflow:hidden;position:relative}.profile-energy-bar-fill{align-items:center;background:linear-gradient(90deg,#00d4ff,#2d5a5a 60%,#00d4ff);background:var(--gradient-energy);border-radius:14px;display:flex;height:100%;justify-content:flex-end;position:relative;transition:width .3s;transition:width var(--animation-duration-desktop)}.profile-energy-bar-fill.full{animation:futuristicPulse .6s infinite alternate;box-shadow:0 0 29px 9px #00d4ff87,0 0 58px 0 #00d4ffcc;will-change:box-shadow}.profile-energy-bar-fill.not-full{animation:futuristicBarMove 1.25s linear infinite;box-shadow:0 0 14px 3px #00d4ff54;will-change:background-position}.profile-energy-lightning{animation:futuristicLightning .35s infinite alternate,lightningShake .6s infinite;color:#fffbe7;font-size:18px;pointer-events:none;position:absolute;right:10px;text-shadow:0 0 12px #00d4ff,0 0 23px #00d4ff;top:50%;transform:translateY(-50%);will-change:filter,transform;z-index:2}.profile-energy-lightning.full{filter:drop-shadow(0 0 17px #00d4ff)}.profile-energy-info{align-items:center;background:var(--surface-color);background:var(--neu-bg);border-radius:clamp(.5rem,1vw,.75rem);border-radius:var(--radius-sm);box-shadow:4px 4px 8px color-mix(in srgb,var(--surface-elevated) 70%,#00000073),-4px -4px 8px color-mix(in srgb,var(--surface-elevated) 30%,#fffc);box-shadow:var(--neu-shadow);display:flex;justify-content:center;padding:clamp(.4rem,.85vw,.85rem);padding:var(--space-2)}.profile-energy-amount{align-items:baseline;color:#0df;color:hsl(var(--color-teal-cyan));display:flex;font-family:Orbitron,monospace;font-size:clamp(1rem,2.5vw,1.125rem);font-size:var(--text-base);font-weight:700;gap:2px}.profile-energy-current{font-size:clamp(1.25rem,3.5vw,1.5rem);font-size:var(--text-xl);letter-spacing:2px}.profile-energy-max{color:#2e5c5c;color:hsl(var(--color-teal-dark));font-size:clamp(1rem,2.5vw,1.125rem);font-size:var(--text-base)}.profile-energy-countdown{align-items:center;color:#2e5c5c;color:hsl(var(--color-primary));display:flex;font-family:Orbitron,monospace;font-size:clamp(.875rem,2vw,1rem);font-size:var(--text-sm);font-weight:700;gap:clamp(.2rem,.4vw,.4rem);gap:var(--space-1)}.profile-energy-indicator{color:hsl(var(--text-secondary));color:hsl(var(--color-text-muted));font-size:clamp(.75rem,1.5vw,.875rem);font-size:var(--text-xs);font-weight:600;position:absolute;right:0;top:-22px}.profile-ads-card{align-items:stretch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b5cf60d,#a78bfa08);border:1px solid #8b5cf61a;border-radius:clamp(1rem,2vw,1.5rem);border-radius:var(--radius-lg);box-shadow:0 2px 8px #8b5cf614;flex-direction:row;gap:clamp(.6rem,1.3vw,1.3rem);gap:var(--space-3);justify-content:center;transition:all .3s ease}.profile-ad-button,.profile-ads-card{display:flex;padding:clamp(.6rem,1.3vw,1.3rem);padding:var(--space-3)}.profile-ad-button{align-items:center;background:#fff;border:2px solid #0000;border-radius:clamp(.75rem,1.5vw,1rem);border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;flex:1 1;flex-direction:column;gap:clamp(.2rem,.4vw,.4rem);gap:var(--space-1);transition:all .3s;transition:all var(--animation-duration-desktop)}.profile-ad-button:hover{border-color:#2e5c5c;border-color:hsl(var(--color-primary));box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.profile-ad-button:active{transform:translateY(0)}.profile-ad-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:clamp(1.5rem,4vw,2rem);font-size:var(--text-2xl)}.profile-ad-text{color:hsl(var(--text-primary));color:hsl(var(--color-text));font-size:clamp(.875rem,2vw,1rem);font-size:var(--text-sm);font-weight:600;line-height:1.3;text-align:center}.profile-ad-preview{align-items:center;color:#16a249;color:hsl(var(--color-success));display:flex;font-size:clamp(.75rem,1.5vw,.875rem);font-size:var(--text-xs);font-weight:700;gap:clamp(.2rem,.4vw,.4rem);gap:var(--space-1);text-align:center}.social-media-container{grid-gap:clamp(.4rem,.85vw,.85rem);grid-gap:var(--space-2);display:grid;gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:clamp(.6rem,1.3vw,1.3rem) 0;margin:var(--space-3) 0;max-width:100%}.social-media-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:none;border-radius:clamp(.75rem,1.5vw,1rem);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:clamp(.875rem,2vw,1rem);font-size:var(--text-sm);font-weight:700;gap:clamp(.2rem,.4vw,.4rem);gap:var(--space-1);justify-content:center;min-width:120px;overflow:hidden;padding:clamp(.4rem,.85vw,.85rem) clamp(.6rem,1.3vw,1.3rem);padding:var(--space-2) var(--space-3);position:relative;text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.social-media-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.social-media-btn:active{transform:translateY(0)}.social-media-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.social-media-btn:hover:before{left:100%}.social-media-btn.youtube{background:linear-gradient(135deg,red,#c00);border:2px solid #fff3}.social-media-btn.youtube:hover{background:linear-gradient(135deg,#ff1a1a,#e60000);box-shadow:0 6px 20px #ff00004d}.social-media-btn.telegram{background:linear-gradient(135deg,#08c,#069);border:2px solid #fff3}.social-media-btn.telegram:hover{background:linear-gradient(135deg,#09d,#07a);box-shadow:0 6px 20px #0088cc4d}.social-media-btn.instagram{background:linear-gradient(135deg,#e4405f,#c13584 50%,#833ab4);border:2px solid #fff3}.social-media-btn.instagram:hover{background:linear-gradient(135deg,#f56040,#d13594 50%,#933ac4);box-shadow:0 6px 20px #e4405f4d}.social-media-btn.shopier{background:linear-gradient(135deg,#ff6b35,#f7931e);border:2px solid #fff3}.social-media-btn.shopier:hover{background:linear-gradient(135deg,#ff7b45,#ffa31e);box-shadow:0 6px 20px #ff6b354d}.social-media-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:clamp(1.125rem,3vw,1.25rem);font-size:var(--text-lg)}.social-media-text{font-weight:700;letter-spacing:.5px;text-shadow:0 1px 2px #0003}.home-actions-container{align-items:center;display:flex;flex-direction:column;gap:clamp(.6rem,1.3vw,1.3rem);gap:var(--space-3);margin:clamp(.6rem,1.3vw,1.3rem) 0;margin:var(--space-3) 0}.market-button{display:flex;justify-content:center}.market-btn{align-items:center;background:linear-gradient(90deg,#ffb347,#fc3);border:none;border-radius:clamp(.75rem,1.5vw,1rem);border-radius:var(--radius-md);box-shadow:0 4px 18px #ffb34745,0 1px 8px #ffffff21;color:#764ba2;cursor:pointer;display:flex;font-weight:800;gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2);letter-spacing:1px;outline:none;padding:clamp(.4rem,.85vw,.85rem) clamp(1rem,2.1vw,2.1rem);padding:var(--space-2) var(--space-5);text-shadow:0 1px 6px #ffffff87;transition:all .15s ease;transition:all var(--transition-fast)}.market-btn:hover{background:linear-gradient(90deg,#fc3,#ffb347);box-shadow:0 8px 28px #ffb34766,0 0 0 8px #ffffff45;transform:scale(1.04)}.vip-button{margin-top:15px}.vip-btn{background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:12px;box-shadow:0 4px 15px #ffd70066;color:#333;cursor:pointer;font-size:16px;font-weight:700;padding:15px 20px;transition:all .3s ease;width:100%}.vip-btn:hover{box-shadow:0 6px 20px #ffd70099;transform:translateY(-2px)}.vip-btn:active{transform:translateY(0)}@keyframes vip-pulse{0%,to{box-shadow:0 4px 20px #00000080,0 6px 30px #d4af3766,0 0 60px #d4af3733,inset 0 1px 0 #fff3,inset 0 -1px 0 #0000004d}50%{box-shadow:0 4px 25px #0009,0 8px 35px #d4af3780,0 0 70px #ffd7004d,inset 0 1px 0 #ffffff4d,inset 0 -1px 0 #0006}}@keyframes vip-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes vip-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes vip-emoji-sparkle{0%,to{opacity:1;transform:scale(1) rotate(0deg)}50%{opacity:.9;transform:scale(1.1) rotate(5deg)}}@keyframes vip-text-glow{0%,to{background-position:0 50%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6)) drop-shadow(0 0 6px rgba(9,5,254,.4))}50%{background-position:100% 50%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6)) drop-shadow(0 0 8px rgba(0,17,255,.5))}}.vip-button-standalone{display:flex;justify-content:center;margin:clamp(.6rem,1.3vw,1.3rem) 0;margin:var(--space-3) 0;width:100%}.vip-button-standalone .vip-btn{animation:vip-pulse 2s ease-in-out infinite,vip-gradient 3s ease infinite;background:linear-gradient(135deg,#000,#1a0f00 10%,#2d1b0e 20%,#4a2c0a 30%,#d4af37 40%,#f4d03f 45%,gold 50%,#f4d03f 55%,#d4af37 60%,#4a2c0a 70%,#2d1b0e 80%,#1a0f00 90%,#000);background-size:200% 200%;border:none;border-radius:16px;box-shadow:0 4px 20px #00000080,0 6px 30px #d4af3766,0 0 60px #d4af3733,inset 0 1px 0 #fff3,inset 0 -1px 0 #0000004d;color:#f4d03f;cursor:pointer;font-size:20px;font-weight:900;max-width:400px;overflow:hidden;padding:18px 24px;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.vip-button-standalone .vip-btn,.vip-button-standalone .vip-btn-content{align-items:center;display:flex;justify-content:center;position:relative}.vip-button-standalone .vip-btn-content{gap:10px;z-index:2}.vip-button-standalone .vip-btn-emojis{animation:vip-emoji-sparkle 2s ease-in-out infinite;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4)) drop-shadow(0 0 8px rgba(255,215,0,.3));font-size:1.3em;text-shadow:0 0 10px #ffd70080}.vip-button-standalone .vip-btn-emojis:nth-child(3){animation-delay:.3s}.vip-button-standalone .vip-btn-text{-webkit-text-fill-color:#0000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;animation:vip-gradient 3s ease infinite;backface-visibility:hidden;background:linear-gradient(135deg,#fff,#fff8dc 10%,gold 20%,#f4d03f 30%,#fff 40%,gold 50%,#fff 60%,#f4d03f 70%,gold 80%,#fff8dc 90%,#fff);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;filter:none;font-size:1.1em;font-weight:900;letter-spacing:2px;position:relative;text-rendering:optimizeLegibility;text-shadow:none;transform:translateZ(0)}.vip-button-standalone .vip-btn:before{animation:vip-shimmer 3s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#ffd70080,#ffffff4d,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.vip-button-standalone .vip-btn:after{animation:vip-shimmer 4s infinite reverse;background:radial-gradient(circle,#ffd7004d 0,#f4d03f33 30%,#0000 70%);content:"";height:200%;left:-50%;opacity:.7;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:0}.vip-button-standalone .vip-btn:hover{animation:vip-pulse 1s ease-in-out infinite,vip-gradient 2s ease infinite;box-shadow:0 8px 30px #0009,0 10px 40px #d4af3780,0 0 80px #ffd7004d,inset 0 2px 0 #ffffff4d,inset 0 -1px 0 #0006;transform:translateY(-3px) scale(1.02)}.vip-button-standalone .vip-btn:active{animation:none;transform:scale(.98)}.welcome-container{margin:0 auto;max-width:min(900px,100%);width:100%}.welcome-card-wrapper{display:flex;justify-content:center;margin-bottom:0;margin-top:clamp(.2rem,.4vw,.4rem);margin-top:var(--space-1)}.welcome-card{animation:welcomeFadeBounce .3s cubic-bezier(.39,.575,.56,1) 25ms both,borderGlow .875s infinite alternate;-webkit-backdrop-filter:blur(6px) saturate(1.2);backdrop-filter:blur(6px) saturate(1.2);background:#fffffff2;border:2px solid #fff3;border-radius:clamp(1rem,2vw,1.5rem);border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:hsl(var(--text-primary));color:hsl(var(--color-text));cursor:pointer;font-weight:900;letter-spacing:.5px;margin:0;min-width:193px;overflow:hidden;padding:clamp(.85rem,1.7vw,1.7rem) clamp(1rem,2.1vw,2.1rem);padding:var(--space-4) var(--space-5);position:relative;text-align:center;transition:all .15s ease;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.welcome-card:hover{box-shadow:0 5px 19.5px rgba(118,75,162,.265),0 0 0 7px hsla(0,0%,100%,.135);transform:scale(1.0175)}.welcome-bg-gradient{animation:gradientMove 2s ease-in-out infinite alternate;background:linear-gradient(270deg,#e0c3fc,#8ec5fc 100%,#f8ffae 0);border-radius:clamp(1rem,2vw,1.5rem);border-radius:var(--radius-lg);left:0;opacity:.225;width:100%;z-index:0}.welcome-bg-gradient,.welcome-shine{height:100%;pointer-events:none;position:absolute;top:0}.welcome-shine{animation:shineMove .7s cubic-bezier(.39,.575,.56,1) .175s infinite;background:linear-gradient(120deg,#ffffff17,#ffffff59 60%,#ffffff0f);filter:blur(2px);left:-48%;transform:skewX(-24deg);width:48%;z-index:2}.welcome-content{align-items:center;display:inline-flex;gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2);position:relative;z-index:3}.welcome-emoji{filter:drop-shadow(0 1px 3.5px rgba(255,255,255,.265));font-size:1.8rem;margin-right:clamp(.2rem,.4vw,.4rem);margin-right:var(--space-1)}.welcome-text{color:#5a3399;letter-spacing:.9px}.welcome-name,.welcome-text{font-size:clamp(1.125rem,3vw,1.25rem);font-size:var(--text-lg);font-weight:900;text-shadow:0 1px 3.5px hsla(0,0%,100%,.265)}.welcome-name{color:#ff6b6b}.welcome-celebration,.welcome-name{margin-left:clamp(.2rem,.4vw,.4rem);margin-left:var(--space-1)}.welcome-celebration{filter:drop-shadow(0 1px 3.5px rgba(255,255,255,.265));font-size:1.5rem}.category-grid{grid-gap:clamp(.85rem,1.7vw,1.7rem);grid-gap:var(--space-4);display:grid;gap:clamp(.85rem,1.7vw,1.7rem);gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:clamp(.2rem,.4vw,.4rem) 0 0;margin:var(--space-1) 0 0 0}.category-card{align-items:center;border:3px solid #ffffff40;border-radius:clamp(1.5rem,3vw,2rem);border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;flex-direction:column;font-weight:900;height:200px;justify-content:center;outline:none;overflow:hidden;padding:0;position:relative;text-align:center;transition:all .15s ease;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;width:100%}.category-card:before{background:linear-gradient(135deg,#ffffff0d,hsla(0,0%,100%,.025));bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .15s ease;transition:opacity var(--transition-fast);z-index:1}.category-card:focus,.category-card:hover{border-color:#ffffff4d;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);z-index:2}.category-card:hover:before{opacity:1}.category-card:active{filter:brightness(1.08)}.category-icon{filter:drop-shadow(0 2px 7px rgba(0,0,0,.14));font-size:clamp(2.25rem,6vw,3rem);font-size:var(--text-4xl);margin-bottom:clamp(.2rem,.4vw,.4rem);margin-bottom:var(--space-1)}.category-content,.category-icon{align-items:center;display:flex;justify-content:center;position:relative;z-index:10}.category-content{flex-direction:column;gap:clamp(.2rem,.4vw,.4rem);gap:var(--space-1);width:100%}.category-title{font-size:clamp(2.25rem,6vw,3rem);font-size:var(--text-4xl);font-weight:900;line-height:1.05;text-shadow:0 2px 8px #0000004d;white-space:nowrap}.category-subtitle,.category-title{color:#fff;overflow:hidden;text-align:center;text-overflow:ellipsis;width:100%}.category-subtitle{font-size:clamp(1.25rem,3.5vw,1.5rem);font-size:var(--text-xl);font-weight:700;line-height:1.15;margin-top:0;max-width:90%;text-shadow:0 .5px 2px #00000024;white-space:normal}.category-subtitle.single-line{white-space:nowrap}.category-card.tyt{background:linear-gradient(135deg,#0f8,#00d4ff 50%,#43e97b);background:var(--gradient-tyt);border-color:#00ff8826;box-shadow:0 6px 20px #43e97b26,0 2px 10px #43e97b1a}.category-card.tyt:hover{background:linear-gradient(135deg,#0f8,#00d4ff 50%,#38f9d7);border-color:#00ff8840;box-shadow:0 12px 30px #43e97b33,0 4px 16px #43e97b26}.category-card.ayt-ea{background:linear-gradient(135deg,#43cea2,#185a9d 50%,#667eea);background:var(--gradient-ayt-ea);border-color:#43cea226;box-shadow:0 6px 20px #43cea226,0 2px 10px #43cea21a}.category-card.ayt-ea:hover{background:linear-gradient(135deg,#43cea2,#185a9d 50%,#764ba2);border-color:#43cea240;box-shadow:0 12px 30px #43cea233,0 4px 16px #43cea226}.category-card.ayt-say{background:linear-gradient(135deg,#ff6b35,#f7971e 50%,#ffd200);background:var(--gradient-ayt-say);border-color:#ff6b3526;box-shadow:0 6px 20px #f7971e26,0 2px 10px #f7971e1a}.category-card.ayt-say:hover{background:linear-gradient(135deg,#ff6b35,#ff8c42 50%,#ffd200);border-color:#ff6b3540;box-shadow:0 12px 30px #f7971e33,0 4px 16px #f7971e26}.category-card.ayt-soz{background:linear-gradient(135deg,#fa709a,#fee140 50%,#ff9a9e);background:var(--gradient-ayt-soz);border-color:#fa709a26;box-shadow:0 6px 20px #fa709a26,0 2px 10px #fa709a1a}.category-card.ayt-soz:hover{background:linear-gradient(135deg,#fa709a,#fee140 50%,#ff6b9d);border-color:#fa709a40;box-shadow:0 12px 30px #fa709a33,0 4px 16px #fa709a26}.category-card.stats{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background:var(--gradient-stats);border-color:#667eea26;box-shadow:0 6px 20px #667eea26,0 2px 10px #667eea1a}.category-card.stats:hover{background:linear-gradient(135deg,#667eea,#764ba2 50%,#4facfe);border-color:#667eea40;box-shadow:0 12px 30px #667eea33,0 4px 16px #667eea26}.category-card.leaderboard{background:linear-gradient(135deg,#1e3a8a,#2563eb 50%,#3b82f6);background:var(--gradient-leaderboard);border:3px solid #2563eb26;box-shadow:0 6px 20px #2563eb26,0 2px 10px #2563eb1a}.category-card.leaderboard:hover{background:linear-gradient(135deg,#1e40af,#2563eb 50%,#60a5fa);border-color:#2563eb40;box-shadow:0 12px 30px #2563eb33,0 4px 16px #2563eb26}.category-card.yks-score{background:linear-gradient(135deg,#8b0000,#dc143c 50%,tomato);background:var(--gradient-yks-score);border:3px solid #8b000026;box-shadow:0 6px 20px #8b000026,0 2px 10px #8b00001a}.category-card.yks-score:hover{background:linear-gradient(135deg,tomato,#dc143c 50%,#8b0000);border-color:#8b000040;box-shadow:0 12px 30px #8b000033,0 4px 16px #8b000026}.category-card.flashcards{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #ffffff4d;box-shadow:0 4px 16px #667eea26}.category-card.flashcards:hover{background:linear-gradient(135deg,#764ba2,#667eea 50%,#764ba2);box-shadow:0 6px 20px #667eea33;transform:translateY(-2px) scale(1.01)}.category-shine{animation:enhancedShineMove 1.5s linear infinite;background:linear-gradient(120deg,hsla(0,0%,100%,.125),#ffffff0d 40%,hsla(0,0%,100%,.005) 60%);content:"";height:220%;left:-60%;opacity:.4;pointer-events:none;position:absolute;top:-60%;transform:rotate(25deg);width:220%;z-index:1}.category-card:hover .category-shine{animation:enhancedShineMove .75s linear infinite;opacity:.5}.levelup-modal-overlay{align-items:center;background:#00000073;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.levelup-modal{animation:popIn .7s cubic-bezier(.39,.575,.56,1) both;background:0 0 100%;background:var(--color-white);border-radius:clamp(1.5rem,3vw,2rem);border-radius:var(--radius-xl);box-shadow:0 8px 32px #764ba245;min-width:340px;padding:clamp(1.3rem,2.6vw,2.6rem) clamp(1rem,2.1vw,2.1rem);padding:var(--space-6) var(--space-5);position:relative;text-align:center}.levelup-modal h2{color:#764ba2;font-size:clamp(1.875rem,5vw,2.5rem);font-size:var(--text-3xl);margin-bottom:clamp(.4rem,.85vw,.85rem);margin-bottom:var(--space-2)}.levelup-modal p{color:hsl(var(--text-primary));color:hsl(var(--color-text));font-size:clamp(1.25rem,3.5vw,1.5rem);font-size:var(--text-xl);margin:clamp(.4rem,.85vw,.85rem) 0;margin:var(--space-2) 0}.close-modal-btn{background:linear-gradient(135deg,#2e5c5c,#0df);background:var(--gradient-primary);border:none;border-radius:clamp(.5rem,1vw,.75rem);border-radius:var(--radius-sm);color:0 0 100%;color:var(--color-white);cursor:pointer;font-size:clamp(1.125rem,3vw,1.25rem);font-size:var(--text-lg);font-weight:700;margin-top:clamp(.85rem,1.7vw,1.7rem);margin-top:var(--space-4);padding:clamp(.4rem,.85vw,.85rem) clamp(1.5rem,3vw,2rem);padding:var(--space-2) var(--radius-xl)}.confetti{animation:confetti-fade 1.5s;background:url(https://cdn.jsdelivr.net/gh/omerbyrk/confetti-bg/confetti-bg.svg);background-size:cover;border-radius:clamp(1.5rem,3vw,2rem);border-radius:var(--radius-xl);height:100%;left:0;opacity:.7;pointer-events:none;position:absolute;top:0;width:100%}.streak-countdown-row{gap:clamp(.6rem,1.3vw,1.3rem);gap:var(--space-3);margin:clamp(.6rem,1.3vw,1.3rem) 0;margin:var(--space-3) 0}.streak-card-compact,.streak-countdown-row{align-items:center;display:flex;flex-direction:column}.streak-card-compact{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e3a8a,#2563eb 50%,#3b82f6);background:var(--gradient-leaderboard);border:1px solid #ffffff26;border-radius:clamp(1rem,2vw,1.5rem);border-radius:var(--radius-lg);box-shadow:0 6px 16px #667eea2e;gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2);margin:0 auto;max-width:224px;min-height:140px;padding:clamp(.4rem,.85vw,.85rem) 0;padding:var(--space-2) 0;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.streak-card-compact:before{background:linear-gradient(135deg,#ffffff14,#ffffff08);border-radius:clamp(1.5rem,3vw,2rem);border-radius:var(--radius-xl);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.streak-card-compact:hover{border:1px solid #ffffff26;box-shadow:0 12px 32px #667eea40;transform:translateY(-4px)}.streak-compact-header{align-items:center;display:flex;flex-direction:column;gap:clamp(.2rem,.4vw,.4rem);gap:var(--space-1);text-align:center}.streak-compact-title{display:flex;flex-direction:column;gap:2px}.streak-title-compact{color:#fff;font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:800;letter-spacing:.5px;margin:0;text-shadow:0 2px 8px #0000004d}.streak-compact-subtitle{color:#fffc;font-size:clamp(.7rem,1.2vw,.9rem);font-weight:500;margin:0}.streak-compact-stats{display:flex;gap:clamp(.85rem,1.7vw,1.7rem);gap:var(--space-4);justify-content:center;width:100%}.streak-compact-stat{align-items:center;display:flex;flex-direction:column;gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2)}.streak-stat-icon-compact{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff26;border-radius:50%;color:#fff;display:flex;height:28px;justify-content:center;width:28px}.streak-stat-content-compact{align-items:center;display:flex;flex-direction:column;gap:2px;text-align:center}.streak-stat-value-compact{color:#fff;font-size:clamp(1.1rem,2vw,1.35rem);font-weight:900;line-height:1;text-shadow:0 2px 8px #0000004d}.streak-stat-label-compact{color:#fffc;font-size:.65rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.streak-compact-status{width:100%}.streak-logged-in-compact{align-items:center;display:flex;flex-direction:column;gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2);text-align:center}.streak-success-content-compact{align-items:center;display:flex;gap:clamp(.2rem,.4vw,.4rem);gap:var(--space-1)}.streak-success-icon-compact{color:#16a249;color:hsl(var(--color-success));filter:drop-shadow(0 2px 4px rgba(34,197,94,.3))}.streak-success-text-compact{color:#16a249;color:hsl(var(--color-success));font-size:.75rem;font-weight:700;text-shadow:0 1px 4px #0003}.streak-next-reward-compact{align-items:center;color:#ffffffb3;display:flex;font-size:.65rem;font-weight:600;gap:clamp(.2rem,.4vw,.4rem);gap:var(--space-1)}.streak-compact-btn{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:clamp(.5rem,1vw,.75rem);border-radius:var(--radius-sm);box-shadow:0 4px 12px #fbbf244d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2);justify-content:center;margin:0 auto;min-height:36px;padding:clamp(.4rem,.85vw,.85rem) clamp(.6rem,1.3vw,1.3rem);padding:var(--space-2) var(--space-3);transition:all .25s ease;transition:all var(--transition-normal);width:65%}.streak-compact-btn:hover:not(:disabled){box-shadow:0 6px 16px #fbbf2466;transform:translateY(-1px)}.streak-compact-btn.animating{animation:buttonPulse .5s ease-in-out}.streak-btn-icon-compact{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:clamp(1rem,2.5vw,1.125rem);font-size:var(--text-base)}.streak-card-compact.loading{align-items:center;color:#fffc;display:flex;justify-content:center;min-height:200px;width:100%}.streak-loading-spinner{animation:spin 1s linear infinite;border:3px solid #fff3;border-radius:50%;border-top-color:#fff;height:32px;width:32px}.streak-reward-notification-compact{animation:rewardSlideIn .5s ease-out;left:50%;margin:0;max-width:300px;padding:0;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(90vw,300px);z-index:1000}.streak-reward-content-compact{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid #fff;border-radius:clamp(1rem,2vw,1.5rem);border-radius:var(--radius-lg);box-shadow:0 12px 32px #fbbf2466;box-sizing:border-box;color:#fff;margin:0;padding:clamp(.85rem,1.7vw,1.7rem);padding:var(--space-4);text-align:center;width:100%}.streak-reward-icon-compact{animation:rewardBounce .6s ease-in-out;font-size:2rem}.streak-reward-icon-compact,.streak-reward-message-compact{margin-bottom:clamp(.4rem,.85vw,.85rem);margin-bottom:var(--space-2)}.streak-reward-message-compact{font-size:clamp(.875rem,2vw,1rem);font-size:var(--text-sm);font-weight:700;line-height:1.4}.streak-reward-coins-compact{animation:coinPulse 1s ease-in-out infinite;font-size:clamp(1.125rem,3vw,1.25rem);font-size:var(--text-lg);font-weight:900}.streak-card-simple{background:linear-gradient(135deg,#ffe5b4,#e0e5ec);border:1px solid #fff3;border-radius:20px;box-shadow:8px 8px 16px #a3b1c699,-8px -8px 16px #ffffffb3;margin-bottom:clamp(.85rem,1.7vw,1.7rem);margin-bottom:var(--space-4);margin-left:auto;margin-right:auto;max-width:300px;min-width:240px;overflow:hidden;padding:clamp(1rem,2.1vw,2.1rem);padding:var(--space-5);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.streak-card-simple:before{background:linear-gradient(135deg,#ffe5b44d,#0000);border-radius:20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.streak-card-simple:hover{box-shadow:12px 12px 24px #a3b1c6b3,-12px -12px 24px #fffc;transform:translateY(-2px)}.streak-card-simple:active{box-shadow:inset 4px 4px 8px #a3b1c699,inset -4px -4px 8px #ffffffb3}.streak-header-simple{align-items:center;display:flex;gap:clamp(.85rem,1.7vw,1.7rem);gap:var(--space-4);margin-bottom:clamp(.85rem,1.7vw,1.7rem);margin-bottom:var(--space-4);position:relative;z-index:1}.streak-icon-simple{align-items:center;background:linear-gradient(135deg,#ffe5b4,#e0e5ec);border:1px solid #fff3;border-radius:50%;box-shadow:6px 6px 12px #a3b1c699,-6px -6px 12px #ffffffb3;color:#744210;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.streak-icon-simple:hover{box-shadow:4px 4px 8px #a3b1c680,-4px -4px 8px #fff9}.streak-title-simple h3{color:#4a5568;font-size:clamp(1.5rem,4vw,2rem);font-size:var(--text-2xl);font-weight:800;margin:0 0 clamp(.2rem,.4vw,.4rem);margin:0 0 var(--space-1) 0}.streak-title-simple p{color:#718096;font-size:clamp(.875rem,2vw,1rem);font-size:var(--text-sm);font-weight:500;margin:0}.streak-stats-simple{display:flex;gap:clamp(.85rem,1.7vw,1.7rem);gap:var(--space-4);margin-bottom:clamp(.85rem,1.7vw,1.7rem);margin-bottom:var(--space-4);position:relative;z-index:1}.streak-stat-simple{align-items:center;background:#e0e5ec;border:1px solid #fff3;border-radius:12px;box-shadow:inset 4px 4px 8px #a3b1c666,inset -4px -4px 8px #fff9;display:flex;flex:1 1;gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2);padding:clamp(.4rem,.85vw,.85rem) clamp(.85rem,1.7vw,1.7rem);padding:var(--space-2) var(--space-4);transition:all .3s ease}.streak-stat-simple:hover{box-shadow:inset 2px 2px 4px #a3b1c64d,inset -2px -2px 4px #ffffff80}.streak-stat-icon-simple{align-items:center;background:linear-gradient(135deg,#ffe5b4,#e0e5ec);border:1px solid #fff3;border-radius:50%;box-shadow:4px 4px 8px #a3b1c680,-4px -4px 8px #fff9;color:#744210;display:flex;font-size:clamp(.875rem,2vw,1rem);font-size:var(--text-sm);height:32px;justify-content:center;width:32px}.streak-stat-content-simple{flex:1 1}.streak-stat-value-simple{color:#4a5568;font-size:clamp(1.5rem,4vw,2rem);font-size:var(--text-2xl);font-weight:900;line-height:1}.streak-stat-label-simple{color:#718096;font-size:clamp(.75rem,1.5vw,.875rem);font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.streak-actions-simple{margin-bottom:clamp(.85rem,1.7vw,1.7rem);margin-bottom:var(--space-4);position:relative;z-index:1}.streak-login-btn-simple{align-items:center;background:#e0e5ec;border:1px solid #fff3;border-radius:12px;box-shadow:6px 6px 12px #a3b1c699,-6px -6px 12px #ffffffb3;color:#4a5568;cursor:pointer;display:flex;font-size:clamp(1rem,2.5vw,1.125rem);font-size:var(--text-base);font-weight:700;gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2);justify-content:center;min-height:48px;padding:clamp(.4rem,.85vw,.85rem) clamp(1rem,2.1vw,2.1rem);padding:var(--space-2) var(--space-5);transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.streak-login-btn-simple:hover:not(:disabled){box-shadow:8px 8px 16px #a3b1c6b3,-8px -8px 16px #fffc;transform:translateY(-1px)}.streak-login-btn-simple:active:not(:disabled){box-shadow:inset 4px 4px 8px #a3b1c699,inset -4px -4px 8px #ffffffb3}.streak-login-btn-simple.animating{animation:buttonPulse .5s ease-in-out}.streak-logged-in-simple{align-items:center;background:#e0e5ec;border:1px solid #fff3;border-radius:12px;box-shadow:inset 4px 4px 8px #a3b1c666,inset -4px -4px 8px #fff9;display:flex;gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2);padding:clamp(.85rem,1.7vw,1.7rem);padding:var(--space-4)}.streak-success-icon-simple{align-items:center;background:linear-gradient(135deg,#d5ffe8,#e0e5ec);border:1px solid #fff3;border-radius:50%;box-shadow:4px 4px 8px #a3b1c680,-4px -4px 8px #fff9;color:#2d5016;display:flex;height:32px;justify-content:center;width:32px}.streak-success-content-simple{flex:1 1}.streak-success-text-simple{color:#2d5016;display:block;font-size:clamp(.875rem,2vw,1rem);font-size:var(--text-sm);font-weight:700;margin-bottom:clamp(.2rem,.4vw,.4rem);margin-bottom:var(--space-1)}.streak-next-reward-simple{align-items:center;color:#22543d;display:flex;font-size:clamp(.75rem,1.5vw,.875rem);font-size:var(--text-xs);font-weight:600;gap:clamp(.2rem,.4vw,.4rem);gap:var(--space-1)}.streak-progress-simple{margin-top:clamp(.85rem,1.7vw,1.7rem);margin-top:var(--space-4);position:relative;z-index:1}.streak-progress-header-simple{align-items:center;display:flex;justify-content:space-between;margin-bottom:clamp(.4rem,.85vw,.85rem);margin-bottom:var(--space-2)}.progress-label-simple{color:#718096;font-size:clamp(.75rem,1.5vw,.875rem);font-size:var(--text-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.progress-value-simple{color:#4a5568;font-size:clamp(1rem,2.5vw,1.125rem);font-size:var(--text-base);font-weight:800}.streak-progress-bar-simple{position:relative}.streak-progress-track-simple{background:#e0e5ec;border:1px solid #fff3;border-radius:8px;box-shadow:inset 3px 3px 6px #a3b1c680,inset -3px -3px 6px #fff9;height:10px;overflow:hidden;width:100%}.streak-progress-fill-simple{background:linear-gradient(90deg,#ffe5b4,#fff4b4);border-radius:8px;box-shadow:2px 2px 4px #a3b1c64d,-2px -2px 4px #fff6;height:100%;transition:width .25s ease;transition:width var(--transition-normal)}.streak-card-simple.loading{color:#718096;min-height:200px}.badge-container-loading,.streak-card-simple.loading{align-items:center;display:flex;justify-content:center}.badge-container-loading{background:var(--surface-elevated);border-radius:clamp(1rem,2vw,1.5rem);border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:var(--text-secondary);font-size:clamp(.9rem,1.8vw,1rem);margin:clamp(.85rem,1.7vw,1.7rem) 0;margin:var(--space-4) 0;min-height:120px;padding:clamp(.85rem,1.7vw,1.7rem);padding:var(--space-4);width:100%}.streak-loading-container{align-items:center;display:flex;flex-direction:column;gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2)}.streak-reward-notification-simple{animation:rewardSlideIn .5s ease-out;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1000}.streak-reward-content-simple{background:linear-gradient(135deg,#ffe5b4,#e0e5ec);border:1px solid #fff3;border-radius:20px;box-shadow:12px 12px 24px #a3b1c6b3,-12px -12px 24px #fffc;color:#4a5568;min-width:280px;padding:clamp(1rem,2.1vw,2.1rem);padding:var(--space-5);text-align:center}.reward-icon-simple{animation:rewardBounce .6s ease-in-out;font-size:2.5rem}.reward-icon-simple,.reward-message-simple{margin-bottom:clamp(.4rem,.85vw,.85rem);margin-bottom:var(--space-2)}.reward-message-simple{color:#4a5568;font-size:clamp(1rem,2.5vw,1.125rem);font-size:var(--text-base);font-weight:700;line-height:1.4}.reward-coins-simple{animation:coinPulse 1s ease-in-out infinite;font-size:clamp(1.25rem,3.5vw,1.5rem);font-size:var(--text-xl);font-weight:900}@keyframes shineBar{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes futuristicLightning{0%{filter:brightness(1.2) drop-shadow(0 0 8px #00d4ff)}to{filter:brightness(2.5) drop-shadow(0 0 24px #00d4ff)}}@keyframes lightningShake{0%{transform:translateY(-50%) translateX(0)}20%{transform:translateY(-50%) translateX(-2px)}40%{transform:translateY(-50%) translateX(2px)}60%{transform:translateY(-50%) translateX(-1px)}80%{transform:translateY(-50%) translateX(1px)}to{transform:translateY(-50%) translateX(0)}}@keyframes futuristicPulse{0%{box-shadow:0 0 40px 12px #00d4ff87,0 0 80px 0 #00d4ffcc}to{box-shadow:0 0 80px 24px #00d4ffcc,0 0 160px 0 #00d4ff}}@keyframes pulseGlow{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.15)}}@keyframes futuristicBarMove{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}@keyframes welcomeFadeBounce{0%{opacity:0;transform:translateY(-12px) scale(.975)}60%{opacity:1;transform:translateY(3px) scale(1.02)}80%{transform:translateY(-1.5px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes borderGlow{0%{box-shadow:0 0 0 0 rgba(179,157,219,.135),0 2.5px 13px rgba(118,75,162,.135),0 1px 5px hsla(0,0%,100%,.265)}to{box-shadow:0 0 9.5px 2.5px rgba(179,157,219,.265),0 2.5px 13px rgba(118,75,162,.135),0 1px 5px hsla(0,0%,100%,.265)}}@keyframes gradientMove{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes shineMove{0%{left:-48%}to{left:89%}}@keyframes enhancedShineMove{0%{transform:translateX(-100%) rotate(25deg)}50%{transform:translateX(0) rotate(25deg)}to{transform:translateX(100%) rotate(25deg)}}@keyframes confetti-fade{0%{opacity:0}to{opacity:.7}}@keyframes rotate-border{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes subtle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 5px currentColor)}50%{filter:drop-shadow(0 0 10px currentColor)}}@keyframes buttonPulse{0%{transform:scale(1)}50%{transform:scale(.98)}to{transform:scale(1)}}@keyframes rewardSlideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes rewardBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes coinPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rank-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes avatar-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rank-spin{animation:rank-spin 1.2s ease-in-out}.avatar-bounce{animation:avatar-bounce .9s ease-in-out}.fade-in{animation:fade-in .3s ease-out forwards}@media (max-width:768px){.home-container *,.home-container :after,.home-container :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.05s!important}.category-card:hover,.market-btn:hover,.profile-card-inner:hover,.social-media-btn:hover,.streak-card-compact:hover{box-shadow:0 1px 2px 0 #0000000d!important;box-shadow:var(--shadow-sm)!important;transform:none!important}.profile-card-inner,.social-media-btn,.welcome-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.category-shine,.welcome-bg-gradient,.welcome-shine{display:none!important}.category-card,.market-btn,.profile-card-inner,.social-media-btn,.streak-card-compact{box-shadow:0 1px 2px 0 #0000000d!important;box-shadow:var(--shadow-sm)!important}.vip-button-standalone .vip-btn{animation-delay:0s,0s!important;animation-duration:2.5s,4s!important;animation-fill-mode:both,both!important;animation-iteration-count:infinite,infinite!important;animation-name:vip-pulse,vip-gradient!important;animation-timing-function:ease-in-out,ease!important;animation:vip-pulse 2.5s ease-in-out infinite,vip-gradient 4s ease infinite!important;font-size:18px!important;transition-duration:.3s!important}.vip-button-standalone .vip-btn-text{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;animation:none!important;backface-visibility:hidden!important;filter:none!important;font-size:1.1em!important;text-rendering:optimizeLegibility!important;text-shadow:none!important;transform:translateZ(0)!important}.vip-button-standalone .vip-btn-emojis{font-size:1.15em!important}.vip-button-standalone .vip-btn:before{animation-delay:0s!important;animation-duration:4s!important;animation-fill-mode:both!important;animation-iteration-count:infinite!important;animation-name:vip-shimmer!important;animation-timing-function:linear!important;animation:vip-shimmer 4s infinite!important}.vip-button-standalone .vip-btn:after{animation-delay:0s!important;animation-direction:reverse!important;animation-duration:5s!important;animation-fill-mode:both!important;animation-iteration-count:infinite!important;animation-name:vip-shimmer!important;animation-timing-function:linear!important;animation:vip-shimmer 5s infinite reverse!important}.vip-button-standalone .vip-btn:active{animation:none!important;box-shadow:0 2px 15px #d4af3780,0 0 0 1px #f4d03f4d!important;transform:scale(.97)!important}.streak-reward-notification-compact{left:50%!important;margin:0!important;max-width:280px!important;padding:0!important;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:min(85vw,280px)!important;z-index:9999!important}.streak-reward-content-compact{box-sizing:border-box!important;margin:0!important;max-width:100%!important;min-width:0!important;min-width:auto!important;padding:clamp(.6rem,1.3vw,1.3rem)!important;padding:var(--space-3)!important;width:100%!important}.energy-bar.full,.energy-bar.not-full{animation:none!important;box-shadow:0 0 8px #00fff04d!important}.energy-lightning{animation:none!important}.profile-card{max-width:95vw}.profile-card-inner{gap:clamp(.6rem,1.3vw,1.3rem);gap:var(--space-3);padding:clamp(.85rem,1.7vw,1.7rem);padding:var(--space-4);transition-duration:.1s!important;transition-duration:var(--animation-duration-mobile)!important}.profile-card-inner:hover{box-shadow:4px 4px 8px color-mix(in srgb,var(--surface-elevated) 70%,#00000073),-4px -4px 8px color-mix(in srgb,var(--surface-elevated) 30%,#fffc)!important;box-shadow:var(--neu-shadow)!important;transform:none!important}.profile-avatar-wrapper{transition-duration:.1s!important;transition-duration:var(--animation-duration-mobile)!important}.profile-avatar-wrapper:hover{transform:none!important}.profile-avatar-wrapper:before{animation:rotate-border 4s linear infinite!important}.profile-stats-grid{gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2)}.profile-level-badge,.profile-rank-badge{min-height:50px;padding:clamp(.4rem,.85vw,.85rem);padding:var(--space-2);transition-duration:.1s!important;transition-duration:var(--animation-duration-mobile)!important}.profile-level-badge:hover,.profile-rank-badge:hover{box-shadow:4px 4px 8px color-mix(in srgb,var(--surface-elevated) 70%,#00000073),-4px -4px 8px color-mix(in srgb,var(--surface-elevated) 30%,#fffc)!important;box-shadow:var(--neu-shadow)!important;transform:none!important}.profile-resources{gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2);padding:clamp(.4rem,.85vw,.85rem);padding:var(--space-2)}.profile-resource-item{gap:clamp(.2rem,.4vw,.4rem);gap:var(--space-1)}.profile-energy-section{gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2)}.profile-energy-bar-fill.full,.profile-energy-bar-fill.not-full{animation:none!important;box-shadow:0 0 8px #00fff04d!important}.profile-energy-lightning{animation:none!important}.profile-ads-card,.profile-energy-info{padding:clamp(.4rem,.85vw,.85rem);padding:var(--space-2)}.profile-ads-card{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2)}.profile-ad-button{gap:clamp(.2rem,.4vw,.4rem);gap:var(--space-1);padding:clamp(.4rem,.85vw,.85rem);padding:var(--space-2);transition-duration:.1s!important;transition-duration:var(--animation-duration-mobile)!important}.profile-ad-button:hover{box-shadow:0 1px 2px 0 #0000000d!important;box-shadow:var(--shadow-sm)!important;transform:none!important}.rank-icon,.social-media-icon{transform:none!important}.home-container{animation:none!important;padding-bottom:2.5rem!important;perspective:1000px}.category-card,.home-container,.profile-card-inner,.social-media-btn{backface-visibility:hidden;transform:translateZ(0)}.home-container{contain:layout style paint}.category-card,.profile-card-inner{contain:layout style}.home-container{-webkit-overflow-scrolling:touch;overflow-x:hidden}.category-card,.market-btn,.social-media-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.category-card:before,.profile-card-inner:before,.welcome-card:before{display:none!important}.category-subtitle,.category-title,.profile-name{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed}.social-media-container{margin:clamp(.6rem,1.3vw,1.3rem) auto;margin:var(--space-3) auto;max-width:322px}.category-grid,.social-media-container{gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.category-card{height:140px;min-width:0}.category-icon{font-size:clamp(2rem,4.8vw,2.4rem)}.category-title{font-size:clamp(1.5rem,3.6vw,1.8rem)}.category-subtitle{font-size:clamp(1rem,2.4vw,1.2rem)}.streak-countdown-row{align-items:center}.streak-card-compact{align-self:center;gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2);max-width:224px;padding:clamp(.6rem,1.3vw,1.3rem) 0;padding:var(--space-3) 0}.streak-compact-stats{gap:clamp(.85rem,1.7vw,1.7rem);gap:var(--space-4)}.streak-card-simple{border-radius:16px;box-shadow:6px 6px 12px #a3b1c680,-6px -6px 12px #fff9;margin-bottom:clamp(.85rem,1.7vw,1.7rem);margin-bottom:var(--space-4);max-width:280px;min-width:200px;padding:clamp(.85rem,1.7vw,1.7rem);padding:var(--space-4)}.streak-header-simple{text-align:center}.streak-header-simple,.streak-stats-simple{flex-direction:column;gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2)}.streak-reward-notification-compact{max-width:260px!important;width:min(90vw,260px)!important}.streak-reward-content-compact{font-size:.9rem!important;padding:clamp(.4rem,.85vw,.85rem)!important;padding:var(--space-2)!important}}@media (max-width:480px){.home-container{padding:clamp(.85rem,1.7vw,1.7rem);padding:var(--space-4);padding-bottom:2.5rem!important}.profile-card{max-width:95vw}.profile-card-inner{padding:clamp(.6rem,1.3vw,1.3rem);padding:var(--space-3)}.profile-card-inner,.profile-header,.profile-stats-grid{gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2)}.profile-level-badge,.profile-rank-badge{min-height:45px;padding:clamp(.4rem,.85vw,.85rem);padding:var(--space-2)}.profile-level-number{font-size:clamp(1.25rem,3.5vw,1.5rem);font-size:var(--text-xl)}.profile-rank-name{font-size:clamp(.875rem,2vw,1rem);font-size:var(--text-sm)}.profile-resources{gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2);padding:clamp(.4rem,.85vw,.85rem);padding:var(--space-2)}.profile-resource-icon{font-size:clamp(1.25rem,3.5vw,1.5rem);font-size:var(--text-xl)}.profile-resource-amount{font-size:clamp(1rem,2.5vw,1.125rem);font-size:var(--text-base)}.profile-energy-info{padding:clamp(.4rem,.85vw,.85rem);padding:var(--space-2)}.profile-energy-current{font-size:clamp(1rem,2.5vw,1.125rem);font-size:var(--text-base)}.profile-ads-card{gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2);padding:clamp(.4rem,.85vw,.85rem);padding:var(--space-2)}.profile-ad-icon{font-size:clamp(1.25rem,3.5vw,1.5rem);font-size:var(--text-xl)}.profile-ad-text{font-size:clamp(.75rem,1.5vw,.875rem);font-size:var(--text-xs)}.category-grid{gap:clamp(.2rem,.4vw,.4rem);gap:var(--space-1);grid-template-columns:repeat(2,1fr)}.category-card{height:120px;min-width:0}.category-icon{font-size:clamp(1.5rem,4vw,1.8rem)}.category-title{font-size:clamp(1.25rem,3.2vw,1.5rem)}.category-subtitle{font-size:clamp(.875rem,2.4vw,1.05rem)}.social-media-container{gap:clamp(.2rem,.4vw,.4rem);gap:var(--space-1);margin:clamp(.4rem,.85vw,.85rem) auto;margin:var(--space-2) auto;max-width:276px}.social-media-btn{font-size:clamp(.75rem,1.5vw,.875rem);font-size:var(--text-xs);min-width:98px;padding:clamp(.4rem,.85vw,.85rem);padding:var(--space-2)}.streak-countdown-row{align-items:center}.streak-card-compact{align-self:center;gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2);max-width:178px;padding:clamp(.4rem,.85vw,.85rem) 0;padding:var(--space-2) 0}.streak-compact-stats{gap:clamp(.6rem,1.3vw,1.3rem);gap:var(--space-3)}.streak-stat-icon-compact{height:32px;width:32px}.streak-card-simple{border-radius:16px;box-shadow:5px 5px 10px #a3b1c680,-5px -5px 10px #fff9;max-width:100%;min-width:160px;padding:clamp(.85rem,1.7vw,1.7rem);padding:var(--space-4)}.streak-stat-simple,.streak-stats-simple{gap:clamp(.4rem,.85vw,.85rem);gap:var(--space-2)}.streak-stat-simple{padding:clamp(.4rem,.85vw,.85rem);padding:var(--space-2)}.streak-stat-icon-simple{height:28px;width:28px}.streak-reward-notification-compact{max-width:240px!important;width:min(95vw,240px)!important}.streak-reward-content-compact{font-size:.85rem!important;padding:clamp(.4rem,.85vw,.85rem)!important;padding:var(--space-2)!important}.streak-reward-icon-compact{font-size:1.5rem!important}.streak-reward-message-compact{font-size:.8rem!important}.streak-reward-coins-compact{font-size:1rem!important}.vip-button-standalone .vip-btn{animation-delay:0s,0s!important;animation-duration:3s,5s!important;animation-fill-mode:both,both!important;animation-iteration-count:infinite,infinite!important;animation-name:vip-pulse,vip-gradient!important;animation-timing-function:ease-in-out,ease!important;animation:vip-pulse 3s ease-in-out infinite,vip-gradient 5s ease infinite!important;font-size:20px!important}.vip-button-standalone .vip-btn-text{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;animation:none!important;backface-visibility:hidden!important;filter:none!important;font-size:1.3em!important;text-rendering:optimizeLegibility!important;text-shadow:none!important;transform:translateZ(0)!important}.vip-button-standalone .vip-btn-emojis{font-size:1.1em!important}.vip-button-standalone .vip-btn:before{animation-delay:0s!important;animation-duration:5s!important;animation-fill-mode:both!important;animation-iteration-count:infinite!important;animation-name:vip-shimmer!important;animation-timing-function:linear!important;animation:vip-shimmer 5s infinite!important}.vip-button-standalone .vip-btn:after{display:none}.vip-button-standalone .vip-btn:active{animation:none!important;box-shadow:0 2px 15px #d4af3780,0 0 0 1px #f4d03f4d!important;transform:scale(.97)!important}}[data-theme=dark] .profile-card-inner{background:#0f172aeb;border:1px solid #0000000a;border:1px solid var(--profile-panel-border);box-shadow:0 25px 45px #020617d9,inset 0 1px 0 #ffffff08}[data-theme=dark] .profile-ads-card,[data-theme=dark] .profile-energy-bar-container,[data-theme=dark] .profile-energy-countdown,[data-theme=dark] .profile-level-badge,[data-theme=dark] .profile-rank-badge,[data-theme=dark] .profile-resources{background:#0f172ac7;border:1px solid #0000000a;border:1px solid var(--profile-panel-border);box-shadow:0 12px 30px #020617b3}[data-theme=dark] .profile-ad-button{background:#0a0f1cf2;border-color:#3b82f640;box-shadow:0 10px 20px #02061799;color:#e2e8f0e6}[data-theme=dark] .profile-xp-progress{background:linear-gradient(135deg,#0ea5e92e,#082f49d9);border:1px solid #0ea5e959;box-shadow:inset 0 1px 12px #0ea5e92e,0 12px 30px #020617b3}[data-theme=dark] .xp-segment-bg{stroke:#94a3b840}[data-theme=dark] .profile-energy-indicator,[data-theme=dark] .xp-description,[data-theme=dark] .xp-needed,[data-theme=dark] .xp-stats{color:#525252;color:var(--profile-muted-text)}[data-theme=dark] .xp-needed{background:#0ea5e92e}[data-theme=dark] .xp-description{background:#082f49b3;border-color:#0ea5e959}[data-theme=dark] .profile-resource-divider{background:#3b82f659}[data-theme=dark] .profile-resource-progress{background:#e2e8f014;box-shadow:inset 0 1px 4px #0009}[data-theme=dark] .profile-energy-bar-container{border:1px solid #3b82f633}[data-theme=dark] .profile-energy-countdown{color:#e2e8f0e6}@media (prefers-contrast:high){.category-card,.energy-bar,.profile-card-inner,.social-media-btn{border:2px solid}}:root{--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-base:1rem;--font-size-h1:2.5rem;--font-size-h2:1.5rem;--font-size-subtitle:1.1rem;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--color-white:#fff;--color-overlay-light:#ffffff1a;--color-overlay-medium:#fff3;--color-text-primary:#fffffff2;--color-text-secondary:#ffffffe6;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 20px #00000026;--shadow-lg:0 8px 40px #0003;--shadow-card:0 4px 24px #00000021;--shadow-card-hover:0 12px 36px #0003;--transition-fast:0.18s cubic-bezier(0.4,0,0.2,1);--transition-base:0.3s cubic-bezier(0.4,0,0.2,1);--transition-smooth:0.5s cubic-bezier(0.39,0.575,0.56,1);--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-full:999px}.alt-konu-container,.subject-grid-container{display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);margin:0 auto;max-width:1200px;min-height:100vh;padding:24px;padding:var(--spacing-lg);padding-bottom:40px;width:100%}.subject-header{margin-bottom:24px;margin-bottom:var(--spacing-lg);margin-top:80px;text-align:center}.subject-header-content{align-items:center;display:flex;gap:16px;gap:var(--spacing-md);justify-content:center}.subject-header-text{flex:1 1;max-width:600px}.subject-header-title{color:#fff;color:var(--color-white);font-size:2.5rem;font-size:var(--font-size-h1);font-weight:700;margin:0 0 8px;margin:0 0 var(--spacing-sm) 0;text-shadow:0 2px 8px #0000004d}.subject-header-subtitle,.subject-header-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);text-align:center}.subject-header-subtitle{color:#ffffffe6;color:var(--color-text-secondary);font-size:1.1rem;font-size:var(--font-size-subtitle);font-weight:500;line-height:1.4;margin:0}.alt-konu-header{animation:slideInDown .6s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;background:var(--color-overlay-light);border:1px solid #fff3;border:1px solid var(--color-overlay-medium);border-radius:20px;border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000026;box-shadow:var(--shadow-md);margin-bottom:16px;margin-bottom:var(--spacing-md);margin-top:80px;padding:8px 24px;padding:var(--spacing-sm) var(--spacing-lg);text-align:center}.alt-konu-title{color:#fff;color:var(--color-white);font-size:2.5rem;font-size:var(--font-size-h1);font-weight:700;margin:8px 0;margin:var(--spacing-sm) 0;text-align:center;text-shadow:0 2px 8px #0000004d}.alt-konu-subtitle,.alt-konu-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family)}.alt-konu-subtitle{color:#ffffffe6;color:var(--color-text-secondary);font-size:1.1rem;font-size:var(--font-size-subtitle);font-weight:500;line-height:1.4;margin:0 auto;max-width:600px}.subject-grid{grid-gap:24px;grid-gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.alt-konu-grid,.subject-grid{display:grid;gap:24px;gap:var(--spacing-lg);margin:32px auto 24px;margin:var(--spacing-xl) auto var(--spacing-lg);max-width:1200px;width:100%}.alt-konu-grid{grid-gap:24px;grid-gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.subject-card{align-items:center;border-radius:16px;border-radius:var(--radius-md);box-shadow:0 4px 24px #00000021,inset 0 0 0 1px #ffffff1a;color:#fff;color:var(--color-white);cursor:pointer;display:flex;flex-direction:column;font-weight:700;gap:8px;gap:var(--spacing-sm);justify-content:center;min-height:140px;overflow:hidden;padding:16px 8px;padding:var(--spacing-md) var(--spacing-sm);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.subject-card:hover{box-shadow:0 12px 36px #0003,inset 0 0 0 1px #fff3;filter:brightness(1.05);transform:translateY(-2px) scale(1.02)}.subject-card:active{transform:translateY(0) scale(.98)}.subject-card.loading{opacity:.7;pointer-events:none}.subject-card.disabled{cursor:not-allowed;opacity:.5}.subject-card .subject-icon{filter:drop-shadow(0 2px 8px rgba(255,255,255,.5));font-size:38px;margin-bottom:4px;margin-bottom:var(--spacing-xs);transition:transform .18s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast)}.subject-card:hover .subject-icon{transform:scale(1.1)}.subject-card .subject-icon.alt-konu{font-size:32px}.subject-card .subject-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);font-size:16px;font-weight:700;line-height:1.2;text-shadow:0 1px 3px #0003;white-space:normal;word-break:break-word}.subject-card .subject-shine{animation:shine 2.2s linear infinite;background:linear-gradient(120deg,#ffffff2e,#ffffff03 60%);content:"";height:220%;left:-60%;pointer-events:none;position:absolute;top:-60%;transform:rotate(25deg);width:220%;z-index:1}.subject-card .subject-progress{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#ffffff2e;border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 12px #0000001a,inset 0 1px 0 #fff3;margin-top:8px;margin-top:var(--spacing-sm);padding:10px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.subject-card .subject-progress .progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.subject-card .subject-progress .progress-label{color:#fffffff2;font-size:13px;font-weight:600;text-shadow:0 1px 2px #0003}.subject-card .subject-progress .progress-percentage{-webkit-font-smoothing:auto!important;-moz-osx-font-smoothing:auto!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:none!important;background-color:initial!important;background-image:none!important;border:none!important;border-radius:0!important;bottom:auto!important;box-shadow:none!important;color:#fffffff2!important;display:inline!important;filter:none!important;float:none!important;font-size:12px!important;font-synthesis:none!important;font-weight:700!important;height:auto!important;left:auto!important;letter-spacing:normal!important;line-height:normal!important;margin:0!important;max-width:none!important;min-width:auto!important;opacity:1!important;outline:none!important;padding:0!important;position:static!important;right:auto!important;text-align:inherit!important;text-shadow:0 1px 2px #0003!important;top:auto!important;transform:none!important;visibility:visible!important;width:auto!important;z-index:auto!important}.subject-card .subject-progress .progress-bar-container{background:#ffffff40;border-radius:999px;border-radius:var(--radius-full);box-shadow:inset 0 2px 4px #0000001a;height:9px;overflow:hidden;position:relative;width:100%}.subject-card .subject-progress .progress-bar{border-radius:999px;border-radius:var(--radius-full);height:100%;overflow:hidden;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1);transition:width var(--transition-base)}.subject-card .subject-progress .progress-bar.blue{animation:rainbow-shift 3s linear infinite;background:linear-gradient(90deg,#667eea,#764ba2 50%,#667eea);background-size:200% 100%;box-shadow:0 0 15px #667eea99,0 0 30px #764ba266}.subject-card .subject-progress .progress-bar.green{animation:rainbow-shift 3s linear infinite;background:linear-gradient(90deg,#11998e,#38ef7d 50%,#11998e);background-size:200% 100%;box-shadow:0 0 15px #11998e99,0 0 30px #38ef7d66}.subject-card .subject-progress .progress-bar.gray{animation:rainbow-shift 3s linear infinite;background:linear-gradient(90deg,#636363,#a8a8a8 50%,#636363);background-size:200% 100%;box-shadow:0 0 12px #63636380,0 0 25px #a8a8a84d}.subject-card .subject-progress .progress-bar:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.subject-card:hover .subject-progress{background:#ffffff40;border-color:#fff6}.subject-card:hover .subject-progress .progress-bar{filter:brightness(1.15)}.alt-konu-card{align-items:center;border:none;border-radius:16px;border-radius:var(--radius-md);box-shadow:0 4px 24px #00000021;box-shadow:var(--shadow-card);color:#fff;color:var(--color-white);cursor:pointer;display:flex;flex-direction:column;font-weight:700;gap:4px;gap:var(--spacing-xs);justify-content:center;min-height:160px;overflow:hidden;padding:16px;padding:var(--spacing-md);position:relative;text-align:center;transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1),filter .18s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-fast),box-shadow var(--transition-fast),filter var(--transition-fast);-webkit-user-select:none;user-select:none}.alt-konu-card:hover{box-shadow:0 12px 36px #0003,0 0 0 4px #ffffff45;box-shadow:var(--shadow-card-hover),0 0 0 4px #ffffff45;filter:brightness(1.13) saturate(1.15);transform:scale(1.06) rotate(-1deg);z-index:2}.alt-konu-card:active{box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);filter:brightness(1.22) saturate(1.2);transform:scale(.97) rotate(1deg)}.alt-konu-card.loading{opacity:.7;pointer-events:none}.alt-konu-card.completed{border:2px solid #ffd70080;box-shadow:0 0 20px #ffd7004d}.alt-konu-card .alt-konu-icon{filter:drop-shadow(0 2px 8px rgba(255,255,255,.5));font-size:32px;margin-bottom:4px;margin-bottom:var(--spacing-xs)}.alt-konu-card .alt-konu-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);font-size:14px;line-height:1.2;margin-bottom:4px;margin-bottom:var(--spacing-xs);white-space:normal;word-break:break-word}.alt-konu-card .alt-konu-shine{animation:shine 2.2s linear infinite;background:linear-gradient(120deg,#ffffff2e,#ffffff03 60%);content:"";height:220%;left:-60%;pointer-events:none;position:absolute;top:-60%;transform:rotate(25deg);width:220%;z-index:1}.alt-konu-card .alt-konu-progress{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000026;border-radius:12px;border-radius:var(--radius-sm);margin-top:8px;margin-top:var(--spacing-sm);padding:4px;padding:var(--spacing-xs);width:100%}.alt-konu-card .alt-konu-progress .progress-header{align-items:center;display:flex;gap:6px;justify-content:center;margin-bottom:6px}.alt-konu-card .alt-konu-progress .progress-emoji{filter:drop-shadow(0 1px 3px rgba(0,0,0,.3));font-size:16px}.alt-konu-card .alt-konu-progress .progress-text{color:#fffffff2;font-size:13px;font-weight:700}.alt-konu-card .alt-konu-progress .progress-bar-container{background:#fff3;border-radius:999px;border-radius:var(--radius-full);height:6px;margin-bottom:6px;overflow:hidden;width:100%}.alt-konu-card .alt-konu-progress .progress-bar{border-radius:999px;border-radius:var(--radius-full);height:100%;overflow:hidden;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1);transition:width var(--transition-base)}.alt-konu-card .alt-konu-progress .progress-bar.blue{animation:rainbow-shift 3s linear infinite;background:linear-gradient(90deg,#667eea,#764ba2 50%,#667eea);background-size:200% 100%;box-shadow:0 0 15px #667eea99,0 0 30px #764ba266}.alt-konu-card .alt-konu-progress .progress-bar.green{animation:rainbow-shift 3s linear infinite;background:linear-gradient(90deg,#11998e,#38ef7d 50%,#11998e);background-size:200% 100%;box-shadow:0 0 15px #11998e99,0 0 30px #38ef7d66}.alt-konu-card .alt-konu-progress .progress-bar.gray{animation:rainbow-shift 3s linear infinite;background:linear-gradient(90deg,#636363,#a8a8a8 50%,#636363);background-size:200% 100%;box-shadow:0 0 12px #63636380,0 0 25px #a8a8a84d}.alt-konu-card .alt-konu-progress .progress-message{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#fff9;border:1px solid #ffffff4d;border-radius:10px;box-shadow:0 2px 8px #0000001a;font-size:12px;font-weight:700;margin-top:8px;padding:6px 10px;text-align:center}@keyframes popIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shine{0%{transform:rotate(25deg) translateX(-100%)}to{transform:rotate(25deg) translateX(100%)}}@keyframes rainbow-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (max-width:768px){.alt-konu-container,.subject-grid-container{padding:16px;padding:var(--spacing-md);padding-bottom:40px!important}.subject-header{margin-top:70px}.subject-header-title{font-size:2rem}.subject-header-subtitle{font-size:1rem}.alt-konu-title{font-size:2rem}.alt-konu-subtitle{font-size:1rem}.subject-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.alt-konu-grid,.subject-grid{gap:16px;gap:var(--spacing-md)}.alt-konu-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.subject-card{min-height:130px}.alt-konu-card{min-height:140px}}@media (max-width:480px){*,:after,:before{animation:none!important;animation-delay:0s!important;animation-duration:0s!important;animation-fill-mode:none!important;animation-iteration-count:1!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important;filter:none!important;transform:none!important;transition:none!important;transition-delay:0s!important;transition-duration:0s!important}.alt-konu-container,.subject-grid-container{padding:8px;padding:var(--spacing-sm);padding-bottom:40px!important;padding-top:10px}.alt-konu-header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#ffffff1a;border:1px solid #ffffff1a;box-shadow:none!important;margin-bottom:2px;margin-top:70px;padding:15px 6px 0}.subject-header{margin-top:60px}.subject-header-title{font-size:2rem}.alt-konu-title,.subject-header-subtitle{font-size:1.1rem}.alt-konu-title{margin:4px 0;margin:var(--spacing-xs) 0;text-shadow:none!important}.alt-konu-subtitle{font-size:.9rem;padding:0 3px}.alt-konu-grid,.subject-grid{gap:8px;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);margin:16px auto 8px;margin:var(--spacing-md) auto var(--spacing-sm)}.alt-konu-grid{contain:layout style paint}.subject-card{animation:none!important;min-height:120px;padding:8px 6px;padding:var(--spacing-sm) 6px}.subject-card:hover{filter:none!important;transform:none!important}.subject-card .subject-icon{font-size:32px}.subject-card .subject-label{font-size:14px}.subject-card .subject-shine{animation:none}.subject-card .subject-progress{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:8px}.subject-card .subject-progress .progress-bar-container{height:10px}.subject-card .subject-progress .progress-label{font-size:9px}.subject-card .subject-progress .progress-percentage{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:none!important;background-color:initial!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#fffffff2!important;display:inline!important;filter:none!important;font-size:12px!important;font-weight:700!important;margin:0!important;min-width:auto!important;padding:0!important;position:static!important;text-align:inherit!important;text-shadow:0 1px 2px #0003!important}.subject-card .subject-progress .progress-bar.blue,.subject-card .subject-progress .progress-bar.gray,.subject-card .subject-progress .progress-bar.green{animation:none}.subject-card .subject-progress .progress-bar:before{display:none}.alt-konu-card{border:1px solid #ffffff1a;box-shadow:none!important;contain:layout style paint;min-height:120px;padding:8px}.alt-konu-card:active,.alt-konu-card:focus,.alt-konu-card:hover{background:#ffffff0d!important;box-shadow:none!important;filter:none!important;transform:none!important}.alt-konu-card .alt-konu-icon{font-size:28px}.alt-konu-card .alt-konu-label{font-size:12px}.alt-konu-card .alt-konu-shine{display:none}.alt-konu-card .alt-konu-progress{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000001a;border:none;padding:2px}.alt-konu-card .alt-konu-progress .progress-message{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#fff9;border:none;box-shadow:none!important;font-size:10px;padding:2px 6px}.alt-konu-card .alt-konu-progress .progress-bar-container{background:#ffffff1a;border:none;box-shadow:none!important}.alt-konu-card .alt-konu-progress .progress-bar{animation:none!important;background:#ffffff4d!important;box-shadow:none!important}.flashcard-page,.flashcard-page *,.flashcard-page :after,.flashcard-page :before{animation:revert!important;animation-delay:revert!important;animation-duration:revert!important;animation-fill-mode:revert!important;animation-iteration-count:revert!important;animation-name:revert!important;animation-timing-function:revert!important;backdrop-filter:revert!important;-webkit-backdrop-filter:revert!important;box-shadow:revert!important;filter:revert!important;transform:revert!important;transition:revert!important;transition-delay:revert!important;transition-duration:revert!important;transition-property:revert!important;transition-timing-function:revert!important}.swipeable-card,.swipeable-card *,.swipeable-card :after,.swipeable-card :before{animation:revert!important;backdrop-filter:revert!important;-webkit-backdrop-filter:revert!important;box-shadow:revert!important;filter:revert!important;transition:revert!important}.swipeable-card{transform:revert-layer!important}}@media (max-width:360px){.alt-konu-container,.subject-grid-container{padding:4px 2px}.alt-konu-header{margin-bottom:1px;margin-top:60px;padding:0 4px}.alt-konu-title{font-size:1rem}.alt-konu-subtitle{font-size:.85rem}.alt-konu-grid,.subject-grid{gap:6px;grid-template-columns:repeat(2,1fr)}.subject-card{min-height:110px;padding:6px 4px}.subject-card .subject-icon{font-size:28px}.subject-card .subject-label{font-size:13px}.subject-card .subject-progress .progress-label{font-size:9px}.subject-card .subject-progress .progress-percentage{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:none!important;background-color:initial!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#fffffff2!important;display:inline!important;filter:none!important;font-size:12px!important;font-weight:700!important;margin:0!important;min-width:auto!important;padding:0!important;position:static!important;text-align:inherit!important;text-shadow:0 1px 2px #0003!important}.alt-konu-card{min-height:100px;padding:6px 4px}.alt-konu-card .alt-konu-icon{font-size:24px}.alt-konu-card .alt-konu-label{font-size:11px}.alt-konu-card .alt-konu-progress .progress-message{border-radius:8px;font-size:9px;padding:3px 6px}.alt-konu-card .alt-konu-progress .progress-text{font-size:10px}}@media (hover:none) and (pointer:coarse){.alt-konu-card{min-height:44px}.alt-konu-card:active,.alt-konu-card:focus,.alt-konu-card:hover{background:#ffffff0d!important;box-shadow:none!important;filter:none!important;transform:none!important}}@media (max-width:768px){.alt-konu-card:focus{box-shadow:none!important;outline:none!important}.alt-konu-card:hover{box-shadow:none!important}.alt-konu-card:active,.alt-konu-card:hover{filter:none!important;transform:none!important}.alt-konu-card:active{background:#ffffff1a!important}}.settings-actions-panel{align-items:center;display:flex;flex-direction:column;margin:50px 0;padding:0 20px;width:100%}.settings-actions-btns{flex-wrap:wrap;gap:16px;max-width:500px;width:100%}.settings-actions-btns,.settings-btn{align-items:center;display:flex;justify-content:center}.settings-btn{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border:none;border-radius:16px;box-shadow:0 4px 20px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;gap:8px;min-width:160px;outline:none;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.settings-btn:hover:before{left:100%}.settings-btn:hover{background:linear-gradient(135deg,#f093fb,#764ba2 50%,#667eea);box-shadow:0 8px 30px #667eea66;transform:translateY(-2px) scale(1.05)}.settings-btn:active{box-shadow:0 2px 10px #667eea4d;transform:translateY(0) scale(.98)}.settings-btn-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:18px}.settings-btn-logout{background:linear-gradient(135deg,#ff6b6b,#ee5a52 50%,#ff4757);box-shadow:0 4px 20px #ff6b6b4d}.settings-btn-logout:hover{background:linear-gradient(135deg,#ff4757,#ee5a52 50%,#ff6b6b);box-shadow:0 8px 30px #ff6b6b66}.settings-btn-logout:active{box-shadow:0 2px 10px #ff6b6b4d}@media (max-width:768px){.settings-actions-panel{margin:16px 0;padding:0 16px}.settings-actions-btns{flex-direction:column;gap:12px;width:100%}.settings-btn{font-size:15px;max-width:280px;padding:16px 20px;width:100%}.settings-btn-icon{font-size:16px}}@media (max-width:480px){.settings-actions-panel{padding:0 12px}.settings-btn{font-size:14px;min-width:140px;padding:14px 18px}.settings-btn-icon{font-size:15px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;transition:background-color .3s ease,color .3s ease}html{scroll-behavior:smooth}::selection{background-color:var(--primary-color);color:#fff}::-moz-selection{background-color:var(--primary-color);color:#fff}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:9999px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media (hover:none) and (pointer:coarse){[role=button],button,input[type=button],input[type=reset],input[type=submit]{min-height:44px;min-width:44px;padding:12px 16px}:hover{box-shadow:none!important;transform:none!important}[role=button]:active,button:active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active{transform:scale(.98);transition:transform .1s ease}}@media screen and (max-width:768px){input,select,textarea{font-size:16px!important}}@media (hover:none) and (pointer:coarse){*{-webkit-overflow-scrolling:touch}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container{contain:layout style paint;will-change:transform}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:root{--gradient-default:linear-gradient(135deg,#667eea,#764ba2);--gradient-auth:linear-gradient(135deg,#ff6b6b,#ff8e53 25%,#ffa726 50%,#f093fb 75%,#f5576c);--gradient-quiz:linear-gradient(135deg,#4facfe,#00f2fe 25%,#667eea 50%,#764ba2 75%,#f093fb);--gradient-market:linear-gradient(135deg,#ffecd2,#fcb69f 25%,#ff9a9e 50%,#fecfef 75%,#fecfef);--gradient-stats:linear-gradient(135deg,#a8edea,#fed6e3 50%,#ffecd2);--gradient-admin:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);--gradient-test:linear-gradient(135deg,#667eea,#764ba2 30%,#f093fb 60%,#f5576c);--gradient-blue-purple:linear-gradient(135deg,#4facfe,#00f2fe 50%,#667eea);--gradient-green-blue:linear-gradient(135deg,#0f8,#00d4ff 50%,#09f);--gradient-home:linear-gradient(135deg,#0f8,#00d4ff 30%,#09f 60%,#667eea);--gradient-subjects:linear-gradient(135deg,#ff6b6b,#4facfe 25%,#00f2fe 50%,#667eea 75%,#764ba2);--gradient-orange-red:linear-gradient(135deg,#ff6b6b,orange 50%,#ff4500);--particle-size:4px;--particle-size-tablet:2px;--particle-size-mobile:1px;--shape-size-1:120px;--shape-size-2:80px;--shape-size-3:100px;--shape-size-tablet-1:80px;--shape-size-tablet-2:60px;--shape-size-tablet-3:70px;--shape-size-mobile-1:60px;--shape-size-mobile-2:40px;--shape-size-mobile-3:50px}.gradient-background{display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.gradient-background,.gradient-bg-base{contain:layout style paint;transform:translateZ(0)}.gradient-bg-base{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.gradient-background-default .gradient-bg-base,.gradient-background-purple-blue .gradient-bg-base{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-default)}.gradient-background-auth .gradient-bg-base{background:linear-gradient(135deg,#ff6b6b,#ff8e53 25%,#ffa726 50%,#f093fb 75%,#f5576c);background:var(--gradient-auth)}.gradient-background-quiz .gradient-bg-base{background:linear-gradient(135deg,#4facfe,#00f2fe 25%,#667eea 50%,#764ba2 75%,#f093fb);background:var(--gradient-quiz)}.gradient-background-market .gradient-bg-base{background:linear-gradient(135deg,#ffecd2,#fcb69f 25%,#ff9a9e 50%,#fecfef 75%,#fecfef);background:var(--gradient-market)}.gradient-background-stats .gradient-bg-base{background:linear-gradient(135deg,#a8edea,#fed6e3 50%,#ffecd2);background:var(--gradient-stats)}.gradient-background-admin .gradient-bg-base{background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);background:var(--gradient-admin)}.gradient-background-test .gradient-bg-base{background:linear-gradient(135deg,#667eea,#764ba2 30%,#f093fb 60%,#f5576c);background:var(--gradient-test)}.gradient-background-blue-purple .gradient-bg-base{background:linear-gradient(135deg,#4facfe,#00f2fe 50%,#667eea);background:var(--gradient-blue-purple)}.gradient-background-green-blue .gradient-bg-base{background:linear-gradient(135deg,#0f8,#00d4ff 50%,#09f);background:var(--gradient-green-blue)}.gradient-background-home .gradient-bg-base{background:linear-gradient(135deg,#0f8,#00d4ff 30%,#09f 60%,#667eea);background:var(--gradient-home)}.gradient-background-subjects .gradient-bg-base{background:linear-gradient(135deg,#ff6b6b,#4facfe 25%,#00f2fe 50%,#667eea 75%,#764ba2);background:var(--gradient-subjects)}.gradient-background-orange-red .gradient-bg-base{background:linear-gradient(135deg,#ff6b6b,orange 50%,#ff4500);background:var(--gradient-orange-red)}.gradient-content{contain:layout style paint;display:flex;flex:1 1;flex-direction:column;position:relative;transform:translateZ(0);z-index:4}.is-native-platform .gradient-content{padding-bottom:120px}.gradient-dark-overlay{background:#0000;inset:0;pointer-events:none;position:absolute;transition:background .3s ease;z-index:3}[data-theme=dark] .gradient-dark-overlay{background:#0206178c}@media (max-width:768px){.is-native-platform .gradient-content{padding-bottom:120px}}@media (max-width:480px){.is-native-platform .gradient-content{padding-bottom:110px}}.back-button{-webkit-tap-highlight-color:transparent!important;align-items:center!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,#1a1a2ee6,#16213ef2 50%,#0f3460)!important;border:3px solid #ff6b35cc!important;border-radius:20px!important;box-shadow:0 8px 32px #0006,0 4px 16px #0000004d,inset 0 1px 0 #ffffff26!important;cursor:pointer!important;display:flex!important;height:64px!important;justify-content:center!important;left:24px!important;opacity:1!important;outline:none!important;overflow:hidden!important;padding:0!important;position:fixed!important;top:24px!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;-webkit-user-select:none!important;user-select:none!important;visibility:visible!important;width:64px!important;z-index:99999!important}.button-container{height:100%!important;width:100%!important;z-index:2!important}.button-container,.icon-container{align-items:center!important;display:flex!important;justify-content:center!important;position:relative!important}.icon-container{border-radius:12px!important;box-shadow:0 4px 16px #ff6b3580,inset 0 1px 0 #ffffff4d!important;height:40px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:40px!important}.icon-background,.icon-container{background:linear-gradient(135deg,#ff6b35,#f7931e)!important}.icon-background{align-items:center!important;border-radius:10px!important;display:flex!important;height:100%!important;justify-content:center!important;transition:all .3s ease!important;width:100%!important}.back-icon{stroke:#fff!important;stroke-width:2.5!important;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))!important;height:24px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:24px!important}.button-glow{background:radial-gradient(circle at center,#ff6b354d 0,#0000 70%)!important;border-radius:20px!important;bottom:0!important;left:0!important;right:0!important;top:0!important}.button-glow,.icon-glow{opacity:0!important;pointer-events:none!important;position:absolute!important;transition:opacity .3s ease!important}.icon-glow{background:radial-gradient(circle at center,#ff6b35cc 0,#0000 70%)!important;border-radius:14px!important;bottom:-2px!important;left:-2px!important;right:-2px!important;top:-2px!important}.button-border{background:linear-gradient(45deg,#ff6b35,#f7931e,#ff6b35)!important;background-size:200% 200%!important;border-radius:20px!important;opacity:0!important;transition:opacity .3s ease!important;z-index:1!important}.button-border,.particles{bottom:0!important;left:0!important;pointer-events:none!important;position:absolute!important;right:0!important;top:0!important}.particles{overflow:hidden!important}.particle{animation:particleFloat 3s linear infinite!important;background:#ff6b35!important;border-radius:50%!important;height:4px!important;opacity:0!important;position:absolute!important;width:4px!important}.particle:first-child{animation-delay:0s;left:20%;top:20%}.particle:nth-child(2){animation-delay:.5s;left:80%;top:60%}.particle:nth-child(3){animation-delay:1s;left:40%;top:80%}.particle:nth-child(4){animation-delay:1.5s;left:60%;top:40%}.particle:nth-child(5){animation-delay:2s;left:80%;top:10%}.particle:nth-child(6){animation-delay:2.5s;left:20%;top:70%}.ripple{animation:rippleEffect .6s ease-out!important;background:radial-gradient(circle,#ff6b35cc 0,#0000 70%)!important;border-radius:50%!important;pointer-events:none!important;position:absolute!important;transform:scale(0)!important}.back-button:hover{border-color:#ff6b35!important;box-shadow:0 16px 48px #00000080,0 8px 24px #0006,inset 0 1px 0 #ffffff40!important;transform:translateY(-4px) scale(1.05)!important}.back-button:hover .button-glow{opacity:1!important}.back-button:hover .icon-container{box-shadow:0 8px 24px #ff6b35cc,inset 0 1px 0 #fff6!important;transform:scale(1.1) rotate(-5deg)!important}.back-button:hover .icon-background{background:linear-gradient(135deg,#f7931e,#ff6b35)!important}.back-button:hover .back-icon{transform:translateX(-2px) scale(1.1)!important}.back-button:hover .icon-glow{opacity:1!important}.back-button:hover .button-border{opacity:.4!important}.back-button:hover .particle{opacity:.8!important}.back-button.pressed{box-shadow:0 4px 16px #00000080,0 2px 8px #0006,inset 0 1px 0 #ffffff26!important;transform:translateY(-2px) scale(.98)!important}.back-button.pressed .icon-container{transform:scale(.95)!important}.back-button:focus{box-shadow:0 8px 32px #0006,0 4px 16px #0000004d,inset 0 1px 0 #ffffff26,0 0 0 4px #ff6b3599!important}@keyframes rippleEffect{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(4)}}@keyframes particleFloat{0%{opacity:0;transform:translateY(0) scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) scale(1)}}.back-button.leaderboard-back-btn{left:20px!important;position:fixed!important;top:20px!important;z-index:99999!important}@media (max-width:768px){.back-button.leaderboard-back-btn{left:15px!important;top:15px!important}.back-button{border-radius:16px!important;border-width:2px!important;height:56px!important;left:18px!important;top:18px!important;width:56px!important}.icon-container{border-radius:10px!important;height:36px!important;width:36px!important}.back-icon{height:20px!important;width:20px!important}}@media (max-width:480px){.back-button.leaderboard-back-btn{left:12px!important;top:12px!important}.back-button{border-radius:14px!important;border-width:2px!important;height:48px!important;left:16px!important;top:16px!important;width:48px!important}.icon-container{border-radius:8px!important;height:32px!important;width:32px!important}.back-icon{height:18px!important;width:18px!important}}@media (prefers-contrast:high){.back-button{background:#000000f2!important;border:3px solid #fff!important}.icon-container{background:#fff!important}.back-icon{stroke:#000!important}}@media (prefers-reduced-motion:reduce){.back-button,.back-button:active,.back-button:hover,.back-icon,.icon-container,.particle{animation:none!important;transform:none!important;transition:none!important}}.ad-banner-container{background:#fff;border-top:1px solid #e0e0e0;box-shadow:0 -2px 8px #0000001a;left:0;position:fixed;right:0;transition:all .3s ease;z-index:999}.ad-banner-bottom{bottom:0}.ad-banner-top{border-bottom:1px solid #e0e0e0;border-top:none;box-shadow:0 2px 8px #0000001a;top:0}.ad-banner-loading{align-items:center;background:#f8f9fa;border-top:1px solid #e0e0e0;bottom:0;color:#6c757d;display:flex;font-size:14px;gap:12px;justify-content:center;left:0;min-height:50px;padding:12px 16px;position:fixed;right:0;z-index:1000}.ad-banner-spinner{animation:ad-banner-spin 1s linear infinite;border:2px solid #e9ecef;border-radius:50%;border-top-color:#007bff;height:20px;width:20px}@keyframes ad-banner-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ad-banner-error{align-items:center;background:#fff5f5;border-top:1px solid #fed7d7;bottom:0;color:#c53030;display:flex;font-size:14px;justify-content:space-between;left:0;min-height:50px;padding:12px 16px;position:fixed;right:0;z-index:1000}.ad-banner-retry-btn{background:#e53e3e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:background .2s ease}.ad-banner-retry-btn:hover{background:#c53030}.ad-banner-retry-btn:active{transform:scale(.98)}.ad-banner-placeholder{height:0;width:100%}@media (max-width:768px){.ad-banner-error,.ad-banner-loading{font-size:13px;min-height:45px;padding:10px 12px}.ad-banner-spinner{height:18px;width:18px}}@media (max-width:480px){.ad-banner-error,.ad-banner-loading{font-size:12px;min-height:40px;padding:8px 10px}.ad-banner-spinner{height:16px;width:16px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.ad-banner-bottom{padding-bottom:env(safe-area-inset-bottom)}}@supports (padding-top:env(safe-area-inset-top)){.ad-banner-top{padding-top:env(safe-area-inset-top)}}.rewarded-ad-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;box-shadow:0 4px 14px #667eea59;color:#fff;cursor:pointer;display:inline-flex;flex:1 1;font-size:13px;font-weight:600;justify-content:center;max-width:180px;min-height:80px;overflow:hidden;padding:14px 18px;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.rewarded-ad-btn:hover:not(:disabled){box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.rewarded-ad-btn:active:not(:disabled){box-shadow:0 2px 8px #667eea4d;transform:translateY(0)}.rewarded-ad-btn:disabled{cursor:not-allowed;opacity:.7}.rewarded-ad-btn__content{align-items:center;display:flex;flex-direction:column;gap:4px;width:100%}.rewarded-ad-btn__text{font-size:12px;font-weight:600;line-height:1.2;white-space:pre-line}.rewarded-ad-btn__spinner{animation:rewarded-spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;margin-bottom:4px;width:16px}@keyframes rewarded-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rewarded-ad-btn--ready{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.rewarded-ad-btn--ready:hover:not(:disabled){background:linear-gradient(135deg,#5a6fd8,#6a4190)}.rewarded-ad-btn--loading{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff;cursor:not-allowed}.rewarded-ad-btn--watching{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;cursor:not-allowed}.rewarded-ad-btn--cooldown{background:linear-gradient(135deg,#a8a8a8,#6c6c6c);color:#fff;cursor:not-allowed;opacity:.8}.rewarded-ad-btn--error{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff}.rewarded-ad-btn--error:hover:not(:disabled){background:linear-gradient(135deg,#ff5252,#e53935)}.rewarded-ad-btn--coin{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 12px #fbbf2459;color:#78350f}.rewarded-ad-btn--coin:hover:not(:disabled){background:linear-gradient(135deg,#fcd34d,#fbbf24);box-shadow:0 6px 16px #fbbf2473}.rewarded-ad-btn--coin.rewarded-ad-btn--cooldown{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.rewarded-ad-btn--energy{background:linear-gradient(135deg,#06b6d4,#0891b2);box-shadow:0 4px 12px #06b6d459;color:#fff}.rewarded-ad-btn--energy:hover:not(:disabled){background:linear-gradient(135deg,#22d3ee,#06b6d4);box-shadow:0 6px 16px #06b6d473}.rewarded-ad-btn--energy.rewarded-ad-btn--cooldown{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}@media (max-width:768px){.rewarded-ad-btn{border-radius:14px;flex:1 1;font-size:12px;max-width:100%;min-height:65px;padding:12px 14px}.rewarded-ad-btn__text{font-size:11px;line-height:1.3}.rewarded-ad-btn__spinner{height:14px;width:14px}}@media (max-width:480px){.rewarded-ad-btn{border-radius:12px;font-size:11px;min-height:60px;padding:10px 12px}.rewarded-ad-btn__text{font-size:10.5px;line-height:1.35}.rewarded-ad-btn__spinner{height:12px;width:12px}.rewarded-ad-btn--cooldown{min-height:62px}}@media (max-width:360px){.rewarded-ad-btn{font-size:10px;min-height:58px;padding:8px 10px}.rewarded-ad-btn__text{font-size:10px;line-height:1.4}}.rewarded-ad-btn:focus{box-shadow:0 0 0 3px #667eea4d;outline:none}.rewarded-ad-btn:focus:not(:disabled){box-shadow:0 4px 12px #667eea4d,0 0 0 3px #667eea4d}.rewarded-ad-btn--loading .rewarded-ad-btn__text{opacity:.8}.rewarded-ad-btn--watching .rewarded-ad-btn__text{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(.98)}}.rewarded-ad-btn--cooldown .rewarded-ad-btn__text{animation:cooldown-pulse 2.5s ease-in-out infinite}@keyframes cooldown-pulse{0%,to{opacity:.85}50%{opacity:.65}}