: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-sm:0 1px 2px 0 #0000000d;--shadow-base:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--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;--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}*,: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}:focus-visible{outline:2px solid var(--primary-color)}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}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.auth-header{border-bottom:1px solid #667eea1a;margin-bottom:40px;padding-bottom:20px;text-align:center}.auth-header h1{color:#333;font-size:2.2rem;font-weight:700;margin:0 0 8px}.auth-title{color:#666;font-size:1.1rem;font-weight:500;margin:12px 0 0}.auth-card{background:#fffffff2;border:1px solid #0000001a;border-radius:16px;box-shadow:0 4px 20px #0000001a;max-width:400px;padding:40px 30px;position:relative;width:100%}.auth-icon{margin-bottom:20px;text-align:center}.auth-logo{border-radius:12px;display:block;height:250px;margin:0 auto 16px;width:250px}.welcome-message{background:#667eea;border-radius:8px;color:#fff;font-weight:600;margin-bottom:20px;padding:12px 16px;text-align:center}.welcome-message .user-name{color:#fff;font-weight:700;text-shadow:0 1px 2px #0000001a}.auth-error{background:linear-gradient(135deg,#ff6b6b,#ee5a52);box-shadow:0 4px 15px #ff6b6b33}.auth-error,.auth-success{border:none;border-radius:12px;color:#fff;font-weight:600;margin-bottom:20px;padding:16px 20px;text-align:center}.auth-success{animation:slideInUp .5s ease-out;background:linear-gradient(135deg,#51cf66,#40c057);box-shadow:0 4px 15px #51cf6633}.auth-form-group{margin-bottom:28px;position:relative;transition:border-color .2s ease}.auth-form-group label{color:#333;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.auth-form-group input{align-items:center;background:#fff;border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;display:flex;font-size:16px;height:56px;line-height:1.5;padding:16px 20px 16px 52px;position:relative;transition:border-color .2s ease;width:100%}.auth-form-group input.invalid{border-color:#f44;box-shadow:0 0 0 2px #f443}.auth-form-group input.checking{border-color:#fa0;box-shadow:0 0 0 2px #fa03}.auth-form-group input.valid{border-color:#0a0;box-shadow:0 0 0 2px #0a03}.email-checking{align-items:center;color:#fa0;display:flex;gap:4px}.email-checking,.email-error{font-size:12px;font-weight:500;margin-top:4px}.email-error{color:#f44}.email-success{align-items:center;color:#0a0;display:flex;font-size:12px;font-weight:500;gap:4px;margin-top:4px}.auth-form-group input:hover{border-color:#667eea}.auth-form-group input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.auth-form-group input::placeholder{color:#999;font-size:14px}.auth-form-icon{box-sizing:border-box;filter:drop-shadow(0 1px 2px rgba(102,126,234,.2));height:20px;line-height:1;pointer-events:none;transition:color .2s ease;vertical-align:middle;width:20px;z-index:2}.auth-form-icon,.auth-form-icon.email,.auth-form-icon.name,.auth-form-icon.password{align-items:center;color:#667eea;display:flex;justify-content:center;left:16px;margin:0;padding:0;position:absolute;top:50%;transform:translateY(-50%)}.auth-form-icon.email,.auth-form-icon.name,.auth-form-icon.password{height:18px;width:18px}.auth-form-icon svg{display:block;height:100%;left:0;position:relative;top:0;vertical-align:middle;width:100%}.auth-form-group:hover .auth-form-icon{color:#764ba2;filter:drop-shadow(0 3px 8px rgba(102,126,234,.4));transform:translateY(-50%) scale(1.15)}.auth-form-group input:focus+.auth-form-icon{animation:iconPulse .6s ease-out;color:#764ba2;filter:drop-shadow(0 4px 12px rgba(102,126,234,.5));transform:translateY(-50%) scale(1.2) rotate(5deg)}@keyframes iconPulse{0%{transform:translateY(-50%) scale(1)}50%{transform:translateY(-50%) scale(1.3)}to{transform:translateY(-50%) scale(1.2)}}.auth-form-icon{animation:iconSlideIn .8s ease-out}@keyframes iconSlideIn{0%{opacity:0;transform:translateY(-50%) translateX(-20px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.auth-form-icon.name{animation-delay:.1s}.auth-form-icon.email{animation-delay:.2s}.auth-form-icon.password{animation-delay:.3s}.password-toggle{align-items:center;background:#667eea1a;border:none;border-radius:6px;color:#667eea;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:36px;justify-content:center;min-width:36px;outline:none;padding:8px;position:absolute;right:12px;top:calc(50% + 14px);transform:translateY(-50%);transition:all .2s ease;-webkit-user-select:none;user-select:none;z-index:3}.password-toggle svg{height:18px;width:18px}.password-toggle:hover{background:#667eea33;color:#5a6fd8;transform:translateY(-50%) scale(1.05)}.password-toggle:active{transform:translateY(-50%) scale(.95)}.auth-form-group.password-field input{padding-right:60px}.auth-btn-primary{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:16px;padding:16px 24px;transition:background-color .2s ease;width:100%}.auth-btn-primary:hover:not(:disabled){background:#5a6fd8}.auth-btn-primary:active:not(:disabled){box-shadow:0 6px 20px #667eea4d;transform:translateY(-1px);transition:all .1s ease}.auth-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.auth-divider{align-items:center;color:#666;display:flex;font-size:14px;font-weight:500;margin:24px 0}.auth-divider:after,.auth-divider:before{background:#e1e5e9;content:"";flex:1 1;height:1px;margin:0 16px}.auth-divider span{background:#fffffff2;color:#666;padding:0 12px}.auth-btn-google{align-items:center;background:#fff;border:2px solid #e1e5e9;border-radius:8px;color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;justify-content:center;margin-bottom:16px;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s ease;width:100%}.auth-btn-google:hover:not(:disabled){border-color:#4285f4;box-shadow:0 4px 15px #4285f433;transform:translateY(-2px)}.auth-btn-google:active:not(:disabled){box-shadow:0 2px 8px #4285f44d;transform:translateY(0)}.auth-btn-google:disabled{cursor:not-allowed;opacity:.6;transform:none}.google-icon{flex-shrink:0;height:20px;width:20px}.auth-btn-google:not(:disabled):hover{animation:googleButtonHover .3s ease-out}@keyframes googleButtonHover{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.02)}to{transform:translateY(-2px) scale(1)}}.auth-btn-primary:not(:disabled):hover{animation:buttonPulse .6s ease-out}@keyframes buttonPulse{0%{transform:translateY(-3px) scale(1)}50%{transform:translateY(-3px) scale(1.02)}to{transform:translateY(-3px) scale(1)}}.auth-btn-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:15px;margin-top:8px;text-decoration:underline;transition:color .2s ease}.auth-btn-link:hover:not(:disabled){color:#5a6fd8}.auth-btn-link:disabled{cursor:not-allowed;opacity:.7}.remember-me-container{align-items:center;display:flex;gap:12px;margin:20px 0;padding:0 4px}.remember-me-checkbox{accent-color:#667eea;border-radius:4px;cursor:pointer;height:20px;width:20px}.remember-me-label{color:#666;cursor:pointer;font-size:14px;font-weight:500;-webkit-user-select:none;user-select:none}.forgot-password-container{margin:8px 0 20px;text-align:right}.forgot-password-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:13px;font-weight:500;text-decoration:underline;transition:color .3s ease}.forgot-password-link:hover{color:#764ba2}.auth-toggle-container{margin-top:18px;text-align:center}.auth-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#666;font-weight:500;margin-top:20px;padding:15px}.auth-info,.auth-session-time{font-size:14px;text-align:center}.auth-session-time{color:#764ba2;font-weight:700;margin-top:8px}.auth-loading{align-items:center;color:#667eea;display:flex;font-weight:600;gap:12px;justify-content:center;margin:20px 0}.auth-loading:before{color:#667eea;content:"...";font-weight:700}@media (max-width:480px){.auth-card{border-radius:20px;margin:10px;padding:40px 25px}.auth-header{margin-bottom:30px}.auth-logo{height:220px;width:220px}.auth-header h1{font-size:2rem}.auth-title{font-size:1rem}.auth-form-group{margin-bottom:24px}.auth-form-group input{font-size:16px;padding:14px 18px 14px 45px}.auth-btn-primary{font-size:16px;padding:14px 20px}.remember-me-container{margin:16px 0}.welcome-message{font-size:14px;padding:14px 16px}}@media (min-width:481px) and (max-width:768px){.auth-card{max-width:450px;padding:45px 35px}.auth-form-group{margin-bottom:24px}.password-toggle{top:calc(50% + 2px)}}@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}}: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{color:#fffffff2;font-size:12px;font-weight:700;text-shadow:0 1px 2px #0003}.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%}}@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{font-size:10px}.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}}@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,.subject-card .subject-progress .progress-percentage{font-size:9px}.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(--color-background);color:var(--color-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}html{scroll-behavior:smooth}::selection{background-color:var(--color-primary);color:var(--color-text-on-primary)}::-moz-selection{background-color:var(--color-primary);color:var(--color-text-on-primary)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}:focus-visible{outline:2px solid var(--color-primary);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,#667eea,#764ba2 30%,#f093fb 70%,#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-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,#667eea,#764ba2 30%,#f093fb 70%,#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)}.particle-background{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.particle{animation:float 8s ease-in-out infinite;background:#fffc;border-radius:50%;box-shadow:0 0 6px #fff9;height:4px;height:var(--particle-size);position:absolute;width:4px;width:var(--particle-size);will-change:transform,opacity}.particle:nth-child(2){animation-delay:2s}.particle:nth-child(3){animation-delay:4s}.particle:nth-child(4){animation-delay:6s}.particle:nth-child(5){animation-delay:1s}.particle:nth-child(6){animation-delay:3s}.particle:nth-child(7){animation-delay:5s}.particle:nth-child(8){animation-delay:7s}@keyframes float{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:.8;transform:translateY(-15px)}}.geometric-shapes{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}.geometric-shape{animation:geometricFloat 20s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50%;position:absolute;will-change:transform,opacity}.shape-1{animation-delay:0s;background:#ffffff0d;height:120px;height:var(--shape-size-1);left:10%;top:10%;width:120px;width:var(--shape-size-1)}.shape-2{animation-delay:5s;background:#ffffff14;height:80px;height:var(--shape-size-2);right:15%;top:60%;width:80px;width:var(--shape-size-2)}.shape-3{animation-delay:10s;background:#ffffff0f;bottom:20%;height:100px;height:var(--shape-size-3);left:20%;width:100px;width:var(--shape-size-3)}@keyframes geometricFloat{0%,to{opacity:.3;transform:translateY(0) rotate(0deg)}25%{opacity:.6;transform:translateY(-20px) rotate(90deg)}50%{opacity:.4;transform:translateY(-10px) rotate(180deg)}75%{opacity:.7;transform:translateY(-30px) rotate(270deg)}}.gradient-content{display:flex;flex:1 1;flex-direction:column;position:relative;z-index:3}.is-native-platform .gradient-content{padding-bottom:120px}.gradient-background:before{animation:shimmer 6s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}@keyframes shimmer{0%{left:-100%}50%{left:100%}to{left:100%}}.gradient-background:after{animation:pulse 8s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px;z-index:1}@media (max-width:768px){.geometric-shape{transform:scale(.7)}.shape-1{height:80px;height:var(--shape-size-tablet-1);width:80px;width:var(--shape-size-tablet-1)}.shape-2{height:60px;height:var(--shape-size-tablet-2);width:60px;width:var(--shape-size-tablet-2)}.shape-3{height:70px;height:var(--shape-size-tablet-3);width:70px;width:var(--shape-size-tablet-3)}.particle{animation:none!important;height:2px;height:var(--particle-size-tablet);opacity:.3!important;width:2px;width:var(--particle-size-tablet)}.geometric-shape{opacity:.2!important}.geometric-shape,.gradient-background:after,.gradient-background:before{animation:none!important}.is-native-platform .gradient-content{padding-bottom:120px}}@media (max-width:480px){.geometric-shape{transform:scale(.5)}.shape-1{height:60px;height:var(--shape-size-mobile-1);width:60px;width:var(--shape-size-mobile-1)}.shape-2{height:40px;height:var(--shape-size-mobile-2);width:40px;width:var(--shape-size-mobile-2)}.shape-3{height:50px;height:var(--shape-size-mobile-3);width:50px;width:var(--shape-size-mobile-3)}.particle{height:1px;height:var(--particle-size-mobile);width:1px;width:var(--particle-size-mobile)}.geometric-shape,.gradient-background:after,.gradient-background:before,.particle{display:none!important}.is-native-platform .gradient-content{padding-bottom:110px}}@media (prefers-color-scheme:dark){.particle{background:#fff9}.geometric-shape{background:#ffffff26}}@media (prefers-reduced-motion:reduce){.geometric-shape,.gradient-background:after,.gradient-background:before,.particle{animation:none}}@media (prefers-contrast:high){.particle{background:#fffc}.geometric-shape{background:#fff3}}.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}}