: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{animation:shake .5s ease-in-out;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{animation:formGroupSlideIn .6s ease-out;margin-bottom:28px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.auth-form-group:hover{transform:translateY(-3px)}@keyframes formGroupSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.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 label{color:#333;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase;transition:all .3s ease}.auth-form-group:hover label{color:#667eea;transform:translateX(2px)}.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}@keyframes inputFocus{0%{box-shadow:0 0 0 0 #667eea4d}50%{box-shadow:0 0 0 8px #667eea1a}to{box-shadow:0 0 0 4px #667eea26}}.auth-form-group input::placeholder{color:#999;font-size:14px;transition:all .3s ease}.auth-form-group input:focus::placeholder{color:#667eea;transform:translateX(5px)}.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:all .4s cubic-bezier(.4,0,.2,1);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:4px;color:#667eea;cursor:pointer;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;min-width:40px;outline:none;padding:6px 10px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.password-toggle svg{height:16px;width:16px}.password-toggle:hover{background:#667eea33;color:#5a6fd8}.auth-form-group.password-field input{padding-right:80px}.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}}:root{--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--transition-base:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);--transition-fast:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-hover:all 0.1s ease;--shadow-base:0 4px 20px #0000001a;--shadow-hover:0 15px 30px #00000026;--shadow-active:0 2px 8px #00000026;--border-radius:16px;--border-radius-small:12px}.alt-konu-container,.subject-grid-container{display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-family:var(--font-family)!important;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px;width:100%}@media (min-width:1400px){.alt-konu-container,.subject-grid-container{max-width:1400px;padding:30px}}@media (max-width:480px){.alt-konu-container,.subject-grid-container{min-height:100vh;min-height:calc(100vh - var(--safe-area-top, 0px) - var(--safe-area-bottom, 0px));padding:10px 6px;padding-bottom:10px;padding-bottom:var(--safe-area-bottom,10px);padding-top:var(--safe-area-top,10px)}}@media (max-width:360px){.alt-konu-container,.subject-grid-container{min-height:100vh;min-height:calc(100vh - var(--safe-area-top, 0px) - var(--safe-area-bottom, 0px));padding:8px 4px;padding-bottom:8px;padding-bottom:var(--safe-area-bottom,8px);padding-top:var(--safe-area-top,8px)}}.alt-konu-header,.subject-grid-header{animation:slideInDown .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#d704041a;border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 20px #0000001a;box-shadow:var(--shadow-base);margin-bottom:5px;padding:5px 20px;text-align:center}.alt-konu-title,.subject-grid-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 8px #0000004d}.alt-konu-subtitle,.alt-konu-title,.subject-grid-subtitle,.subject-grid-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-family:var(--font-family)!important}.alt-konu-subtitle,.subject-grid-subtitle{color:#ffffffe6;font-size:1.1rem;font-weight:500;line-height:1;margin:0 auto;max-width:600px}@media (max-width:768px){.alt-konu-header,.subject-grid-header{margin-bottom:4px;padding:0 15px}.alt-konu-title,.subject-grid-title{font-size:2rem}}@media (max-width:480px){.alt-konu-header,.subject-grid-header{flex-shrink:0;margin-bottom:2px;padding:0 6px}.alt-konu-title,.subject-grid-title{font-size:1.6rem}.alt-konu-subtitle,.subject-grid-subtitle{font-size:.9rem;max-width:100%;padding:0 3px}}@media (max-width:360px){.alt-konu-header,.subject-grid-header{flex-shrink:0;margin-bottom:1px;padding:0 4px}.alt-konu-title,.subject-grid-title{font-size:1.4rem}}.subject-grid{grid-gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:40px auto 20px}.alt-konu-grid,.subject-grid{display:grid;gap:20px;justify-items:center;max-width:1200px;padding:0 10px}.alt-konu-grid{grid-gap:20px;-webkit-overflow-scrolling:touch;flex:1 1;grid-template-columns:repeat(4,1fr);margin:10px auto 20px;overflow-y:visible}.alt-konu-card,.subject-card{-webkit-tap-highlight-color:transparent;align-items:center;animation:slideInUp .6s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid #0000;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 20px #0000001a;box-shadow:var(--shadow-base);cursor:pointer;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-family:var(--font-family)!important;justify-content:center;min-height:160px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);transition:var(--transition-base);word-break:break-word}.alt-konu-card:focus-visible,.subject-card:focus-visible{border-color:#ffffff80;box-shadow:0 0 0 4px #ffffff4d}@media (hover:hover){.alt-konu-card:hover,.subject-card:hover{box-shadow:0 15px 30px #00000026;box-shadow:var(--shadow-hover);filter:brightness(1.13) saturate(1.15);transform:translateY(-6px) scale(1.03);z-index:2}.alt-konu-card:hover .alt-konu-icon,.subject-card:hover .subject-icon{animation:tyt-icon-spin .7s cubic-bezier(.39,.575,.56,1)}}.alt-konu-card:focus,.subject-card:focus{box-shadow:0 15px 30px #00000026;box-shadow:var(--shadow-hover);filter:brightness(1.13) saturate(1.15);transform:translateY(-6px) scale(1.03);z-index:2}.alt-konu-card:focus .alt-konu-icon,.subject-card:focus .subject-icon{animation:tyt-icon-spin .7s cubic-bezier(.39,.575,.56,1)}.alt-konu-card:active,.subject-card:active{box-shadow:0 2px 8px #00000026;box-shadow:var(--shadow-active);filter:brightness(1.22) saturate(1.2);transform:translateY(-3px) scale(1.01);transition:all .1s ease;transition:var(--transition-hover)}.alt-konu-icon,.subject-icon{filter:drop-shadow(0 2px 8px rgba(255,255,255,.5));font-size:38px;margin-bottom:10px;transition:transform .2s ease}.alt-konu-icon,.subject-icon.alt-konu{font-size:32px}.subject-label{line-height:1.2}.alt-konu-label,.subject-label{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-family:var(--font-family)!important;font-size:20px;font-weight:700;text-align:center;text-shadow:0 1px 2px #0000004d}.alt-konu-label{line-height:1.3;padding:0 4px}.alt-konu-shine,.subject-shine{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.alt-konu-card:hover .alt-konu-shine,.subject-card:hover .subject-shine{left:100%}.subject-header{margin-bottom:30px;text-align:center}.subject-header h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:10px}.subject-header p{color:#666;font-size:1.1rem;margin:0}.back-button{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 20px #0000001a;box-shadow:var(--shadow-base);cursor:pointer;display:flex;height:50px;justify-content:center;left:20px;position:absolute;top:20px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);transition:var(--transition-base);width:50px;z-index:10}.back-button:hover{background:#fff;box-shadow:0 15px 30px #00000026;box-shadow:var(--shadow-hover);transform:scale(1.1)}.back-button:active{transform:scale(.95)}.back-button-icon{color:#333;font-size:20px}.theme-ayt-sayisal .alt-konu-title,.theme-ayt-sayisal .subject-grid-title,.theme-tyt .alt-konu-title,.theme-tyt .subject-grid-title{color:#6366f1}.theme-ayt-ea .alt-konu-title,.theme-ayt-ea .subject-grid-title{color:#10b981}.theme-ayt-sozel .alt-konu-title,.theme-ayt-sozel .subject-grid-title{color:#b91d73}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes tyt-icon-spin{0%{transform:rotate(0deg) scale(1)}60%{transform:rotate(18deg) scale(1.18)}to{transform:rotate(0deg) scale(1)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (min-width:1400px){.subject-grid{gap:25px;grid-template-columns:repeat(5,1fr);max-width:1400px}.subject-card{height:140px;max-width:250px;min-width:200px;width:250px}.alt-konu-title,.subject-grid-title{font-size:3rem}}@media (max-width:1399px) and (min-width:1024px){.subject-grid{gap:22px;grid-template-columns:repeat(4,1fr)}.subject-card{height:135px;max-width:220px;min-width:180px;width:220px}}@media (max-width:1023px) and (min-width:768px){.subject-grid{gap:18px;grid-template-columns:repeat(3,1fr)}.subject-card{font-size:15px;height:125px;max-width:200px;min-width:160px;width:200px}.subject-icon{font-size:34px}.subject-label{font-size:18px}.alt-konu-title,.subject-grid-title{font-size:2.2rem}}@media (max-width:767px) and (min-width:481px){.subject-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.subject-card{font-size:14px;height:120px;max-width:180px;min-width:150px;width:180px}.subject-icon{font-size:32px}.subject-label{font-size:16px}.alt-konu-title,.subject-grid-title{font-size:2rem}.alt-konu-subtitle,.subject-grid-subtitle{font-size:1rem}}@media (max-width:480px) and (min-width:361px){.alt-konu-container,.subject-grid-container{background:linear-gradient(135deg,#667eea,#764ba2)}.subject-grid{gap:12px;grid-template-columns:repeat(2,1fr);padding:0 8px}.subject-card{font-size:13px;height:110px;max-width:160px;min-width:130px;width:160px}.subject-icon{font-size:28px}.subject-label{font-size:14px}.alt-konu-title,.subject-grid-title{font-size:1.8rem}.alt-konu-subtitle,.subject-grid-subtitle{font-size:.95rem}.back-button{height:40px;left:15px;top:15px;width:40px}.back-button-icon{font-size:16px}}@media (max-width:360px){.subject-grid{gap:10px;grid-template-columns:repeat(2,1fr);padding:0 6px}.subject-card{font-size:12px;height:100px;max-width:140px;min-width:110px;padding:0 8px;width:140px}.subject-icon{font-size:24px;margin-bottom:6px}.subject-label{font-size:13px}.alt-konu-title,.subject-grid-title{font-size:1.6rem}.alt-konu-subtitle,.subject-grid-subtitle{font-size:.9rem}.back-button{height:36px;left:12px;top:12px;width:36px}.back-button-icon{font-size:14px}.alt-konu-container,.subject-grid-container{padding:15px 10px}}.alt-konu-card.disabled,.subject-card.disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.5;pointer-events:none}.alt-konu-card.disabled:hover,.subject-card.disabled:hover{box-shadow:0 4px 15px #00000014;filter:grayscale(.5);transform:none}.alt-konu-card.loading,.subject-card.loading{cursor:wait;opacity:.7;pointer-events:none}.alt-konu-card.loading:after,.subject-card.loading:after{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@media (min-width:1400px){.alt-konu-grid{gap:25px;grid-template-columns:repeat(4,1fr);margin:10px auto 20px;max-width:1400px}.alt-konu-card{height:140px;max-width:250px;min-width:200px;width:250px}}@media (max-width:1399px) and (min-width:1024px){.alt-konu-grid{gap:22px;grid-template-columns:repeat(4,1fr);margin:10px auto 20px}.alt-konu-card{height:135px;max-width:220px;min-width:180px;width:220px}}@media (max-width:1023px) and (min-width:768px){.alt-konu-grid{gap:18px;grid-template-columns:repeat(4,1fr);margin:9px auto 20px}.alt-konu-card{font-size:15px;height:125px;max-width:200px;min-width:160px;width:200px}.alt-konu-icon{font-size:34px}.alt-konu-label{font-size:18px;font-weight:700;text-shadow:0 1px 2px #0000004d}}@media (max-width:767px) and (min-width:481px){.alt-konu-grid{gap:16px;grid-template-columns:repeat(3,1fr);margin:9px auto 20px}.alt-konu-card{font-size:13px;height:110px;max-width:160px;min-width:140px;width:160px}.alt-konu-icon{font-size:28px}.alt-konu-label{font-size:16px;font-weight:700;text-shadow:0 1px 2px #0000004d}}@media (max-width:480px) and (min-width:361px){.alt-konu-grid{gap:8px;grid-template-columns:repeat(2,1fr);margin:5px auto 15px;overflow-y:visible;padding:0 4px}.alt-konu-card{font-size:13px;height:110px;max-width:160px;min-width:140px;width:160px}.alt-konu-icon{font-size:26px}.alt-konu-label{font-size:15px;font-weight:700;line-height:1.2;text-shadow:0 1px 2px #0000004d}}@media (max-width:360px){.alt-konu-grid{gap:6px;grid-template-columns:repeat(2,1fr);margin:3px auto 12px;overflow-y:visible;padding:0 2px}.alt-konu-card{font-size:11px;height:90px;max-width:130px;min-width:110px;padding:0 4px;width:130px}.alt-konu-icon{font-size:20px;margin-bottom:3px}.alt-konu-label{font-size:13px;font-weight:700;line-height:1.2;text-shadow:0 1px 2px #0000004d}}@media (max-width:320px){.alt-konu-grid{gap:4px;grid-template-columns:repeat(2,1fr);margin:2px auto 10px;overflow-y:visible;padding:0 1px}.alt-konu-card{font-size:10px;height:80px;max-width:120px;min-width:100px;padding:0 3px;width:120px}.alt-konu-icon{font-size:18px;margin-bottom:2px}.alt-konu-label{font-size:12px;font-weight:700;line-height:1.1;text-shadow:0 1px 2px #0000004d}}@media (orientation:landscape) and (max-height:500px){.alt-konu-container{min-height:calc(100vh - 12px);padding:6px 10px}.alt-konu-header{margin-bottom:1px;padding:0 4px}.alt-konu-title{font-size:1.2rem}.alt-konu-subtitle{font-size:.8rem}.alt-konu-grid{gap:6px;grid-template-columns:repeat(4,1fr);margin:3px auto 8px;overflow-y:visible}.alt-konu-card{font-size:10px;height:70px;max-width:110px;min-width:90px;width:110px}.alt-konu-icon{font-size:18px;margin-bottom:1px}.alt-konu-label{font-size:11px;line-height:1.1}}@media (max-width:768px){.alt-konu-container,.subject-grid-container{backface-visibility:hidden;transform:translateZ(0);will-change:auto}.alt-konu-card,.alt-konu-header,.subject-card,.subject-grid-header{animation:none!important}.alt-konu-card,.alt-konu-header,.subject-card,.subject-grid-header{-webkit-backdrop-filter:none;backdrop-filter:none}.alt-konu-card,.alt-konu-header,.subject-card,.subject-grid-header{box-shadow:0 2px 8px #0000001a}.alt-konu-card:hover,.subject-card:hover{box-shadow:0 2px 8px #0000001a!important;transform:none!important}.alt-konu-card:hover .alt-konu-icon,.subject-card:hover .subject-icon{animation:none!important}.alt-konu-card{backface-visibility:hidden}.alt-konu-card,.alt-konu-grid{transform:translateZ(0);will-change:transform}}@media (prefers-reduced-motion:reduce){.alt-konu-card{animation:none!important;transition:none!important}}.error-container{color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);padding:50px;text-align:center}.error-container h2{font-size:1.5rem;font-weight:600;margin:0;text-shadow:0 2px 4px #0000004d}@media (hover:none) and (pointer:coarse){.alt-konu-card:active,.subject-card:active{filter:brightness(1.1);transform:scale(.95)}.alt-konu-card{-webkit-tap-highlight-color:transparent;touch-action:manipulation}}.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}}: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}.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}@keyframes pulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}@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}}@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}}@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-color-scheme:dark){.back-button{background:linear-gradient(135deg,#0a0a0ae6,#1a1a1af2 50%,#2a2a2a)!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}}
/*# sourceMappingURL=main.59a6cc92.css.map*/