body.high-contrast *{background-color:var(--color-bg-primary)!important;color:var(--color-text-primary)!important;border-color:var(--color-text-primary)!important;text-shadow:none!important;box-shadow:none!important}body.high-contrast button,body.high-contrast .btn,body.high-contrast .quiz-card,body.high-contrast .modal{border:var(--border-width-thick) solid var(--color-text-primary)!important}body.high-contrast a,body.high-contrast .link{color:var(--color-accent-primary)!important;text-decoration:underline!important;text-decoration-thickness:2px!important}body.high-contrast button:hover,body.high-contrast .btn:hover{background-color:var(--color-accent-primary)!important;color:var(--color-bg-primary)!important}body.colorblind-protanopia,body.colorblind-protanopia body{--color-bg-primary: #e3edf7;--color-bg-secondary: #d1e3f1;background:linear-gradient(135deg,#e3edf7,#d1e3f1)!important}body.colorblind-deuteranopia,body.colorblind-deuteranopia body{--color-bg-primary: #f6ecd6;--color-bg-secondary: #ede4cb;background:linear-gradient(135deg,#f6ecd6,#ede4cb)!important}body.colorblind-tritanopia,body.colorblind-tritanopia body{--color-bg-primary: #eae7fb;--color-bg-secondary: #d5d2ee;background:linear-gradient(135deg,#eae7fb,#d5d2ee)!important}body.colorblind-monochrome,body.colorblind-monochrome body{--color-bg-primary: #eeeeee;--color-bg-secondary: #cccccc;background:linear-gradient(135deg,#eee,#ccc)!important}@font-face{font-family:opendyslexic;src:url(https://dyslexicfonts.com/fonts/OpenDyslexic-Regular.otf);font-style:normal;font-weight:400}body.dyslexia-mode{font-family:OpenDyslexic,Comic Sans MS,Arial,sans-serif!important;letter-spacing:.12em!important;word-spacing:.25em!important}body.dyslexia-mode *{font-family:inherit!important;letter-spacing:inherit!important}body.dyslexia-mode p,body.dyslexia-mode li,body.dyslexia-mode span{margin-bottom:var(--spacing-base)!important}body.dyslexia-mode b,body.dyslexia-mode strong{font-weight:900!important;color:var(--color-accent-primary)!important}body.dyslexia-mode i,body.dyslexia-mode em{font-style:normal!important;text-decoration:underline!important;text-decoration-style:wavy!important;text-decoration-color:var(--color-accent-secondary)!important}*:focus{outline:none!important}*:focus-visible{outline:var(--border-width-focus) solid var(--color-accent-primary)!important;outline-offset:2px!important;box-shadow:var(--shadow-focus)!important;position:relative;z-index:10}button:focus-visible,.btn:focus-visible{transform:scale(1.05);transition:transform .2s ease}input:focus-visible,textarea:focus-visible,select:focus-visible{border-color:var(--color-accent-primary)!important;background-color:var(--color-bg-secondary)!important}body.large-cursor{cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 24 24"><path fill="%23FFF" stroke="%23000" stroke-width="1.5" stroke-linejoin="round" d="M18 14.88 8.16 3.15c-.26-.31-.76-.12-.76.28v15.31c0 .36.42.56.7.33l3.1-2.6 1.55 4.25c.08.22.33.34.55.26l1.61-.59a.43.43 0 0 0 .26-.55l-1.55-4.25h4.05c.36 0 .56-.42.33-.7Z"></path></svg>') 24 24,auto!important}body.large-cursor button,body.large-cursor a,body.large-cursor input,body.large-cursor select{cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="48" height="60" viewBox="0 0 24 24"><path fill="%23FFF" stroke="%23000" stroke-width="1.5" stroke-linejoin="round" d="M10 11V8.99c0-.88.59-1.64 1.44-1.86h.05A1.99 1.99 0 0 1 14 9.05V12v-2c0-.88.6-1.65 1.46-1.87h.05A1.98 1.98 0 0 1 18 10.06V13v-1.94a2 2 0 0 1 1.51-1.94h0A2 2 0 0 1 22 11.06V14c0 .6-.08 1.27-.21 1.97a7.96 7.96 0 0 1-7.55 6.48 54.98 54.98 0 0 1-4.48 0 7.96 7.96 0 0 1-7.55-6.48C2.08 15.27 2 14.59 2 14v-1.49c0-1.11.9-2.01 2.01-2.01h0a2 2 0 0 1 2.01 2.03l-.01.97v-10c0-1.1.9-2 2-2h0a2 2 0 0 1 2 2V11Z"></path></svg>') 12 4,pointer!important}.success-indicator{background:var(--color-accent-success)!important;color:#fff!important;padding:var(--spacing-sm) var(--spacing-base)!important;border-radius:8px!important;font-weight:700!important;border:3px solid darken(var(--color-accent-success),20%)!important}.error-indicator{background:var(--color-accent-error)!important;color:#fff!important;padding:var(--spacing-sm) var(--spacing-base)!important;border-radius:8px!important;font-weight:700!important;border:3px solid darken(var(--color-accent-error),20%)!important}.warning-indicator{background:var(--color-accent-warning)!important;color:var(--color-text-primary)!important;padding:var(--spacing-sm) var(--spacing-base)!important;border-radius:8px!important;font-weight:700!important;border:3px solid darken(var(--color-accent-warning),20%)!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation:none!important;transition:none!important}@media print{body{font-size:12pt!important;line-height:1.5!important;color:#000!important;background:#fff!important}.no-print,.navbar,.footer,.btn,button{display:none!important}.print-only{display:block!important}a{color:#000!important;text-decoration:underline!important}a[href]:after{content:" (" attr(href) ")"}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.focus-trap{position:relative}.focus-trap:focus-within{outline:3px dashed var(--color-accent-primary);outline-offset:5px}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-accent-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-base);text-decoration:none;z-index:10000}.skip-link:focus{top:0}.quiz-container{font-size:var(--font-size-base);line-height:var(--line-height-base)}.question-text{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-md)}.option-btn{font-size:var(--font-size-md);padding:var(--spacing-base) var(--spacing-md);margin-bottom:var(--spacing-sm);border:var(--border-width-base) solid var(--color-accent-primary);min-height:60px}.option-btn:hover,.option-btn:focus{background-color:var(--color-bg-secondary);transform:translate(5px)}.accessible-btn{min-width:44px;min-height:44px;padding:var(--spacing-base) var(--spacing-md);font-size:var(--font-size-base);font-weight:600;border:var(--border-width-base) solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all .3s ease}.accessible-btn:hover{transform:scale(1.05)}.accessible-btn:active{transform:scale(.98)}@font-face{font-family:OpenDyslexic;src:url(/fonts/OpenDyslexic-Regular.otf) format("opentype");font-display:swap}.large-cursor,.large-cursor *{cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="84" viewBox="0 0 24 24"><path fill="%23FFF" stroke="%23000" stroke-width="1.5" stroke-linejoin="round" d="M18 14.88 8.16 3.15c-.26-.31-.76-.12-.76.28v15.31c0 .36.42.56.7.33l3.1-2.6 1.55 4.25c.08.22.33.34.55.26l1.61-.59a.43.43 0 0 0 .26-.55l-1.55-4.25h4.05c.36 0 .56-.42.33-.7Z"></path></svg>'),pointer!important}:root{--blue-ocean: #0a5a66;--blue-fog: #5a8590;--blue-ice: #ffffff;--blue-stone: #4a6b7a;--blue-night: #1a2a33}*{margin:0;padding:0;box-sizing:border-box}*:before,*:after{box-sizing:border-box}@keyframes gentleFloat{0%,to{transform:translateY(0) scale(1);opacity:.3}33%{transform:translateY(-8px) scale(1.02);opacity:.4}66%{transform:translateY(-4px) scale(.98);opacity:.35}}@keyframes softPulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.35;transform:scale(1.1)}}@keyframes gentleShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}html{height:100%;scroll-behavior:smooth}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,var(--blue-ice) 0%,var(--blue-fog) 50%,var(--blue-ocean) 100%);background-size:300% 300%;background-attachment:fixed;animation:gentleShift 20s ease-in-out infinite;color:var(--blue-night);position:relative;overflow-x:hidden}body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:0;border-radius:50%;opacity:.1}body:before{width:300px;height:300px;background:radial-gradient(circle,var(--blue-fog) 0%,transparent 70%);top:10%;left:-10%;animation:gentleFloat 25s ease-in-out infinite}body:after{width:200px;height:200px;background:radial-gradient(circle,var(--blue-ocean) 0%,transparent 70%);bottom:15%;right:-5%;animation:gentleFloat 30s ease-in-out infinite reverse}#root{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none!important}.visible{display:block!important}.fade-in{animation:fadeIn .6s ease-out}.slide-in-left{animation:slideInFromLeft .6s ease-out}.slide-in-right{animation:slideInFromRight .6s ease-out}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--blue-ocean) 0%,var(--blue-fog) 100%);color:#fff}.btn-secondary{background:var(--blue-stone);color:#fff}.btn-outline{background:transparent;border:2px solid var(--blue-ocean);color:var(--blue-ocean)}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.card{background:#ffffffe6;border-radius:16px;padding:24px;box-shadow:0 10px 30px #344d5926;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(184,203,208,.3);transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #344d5933}.alert{padding:16px 20px;border-radius:8px;margin:16px 0;font-weight:500}.alert-success{background:#48bb781a;border:1px solid rgba(72,187,120,.3);color:#2f855a}.alert-error{background:#f565651a;border:1px solid rgba(245,101,101,.3);color:#c53030}.alert-warning{background:#ed89361a;border:1px solid rgba(237,137,54,.3);color:#c05621}.alert-info{background:#4299e11a;border:1px solid rgba(66,153,225,.3);color:#3182ce}.spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-left:4px solid var(--blue-ocean);border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){.container{padding:0 16px}}@media (max-width: 768px){body{font-size:1.1rem}.container{padding:0 12px}.btn{padding:14px 20px;font-size:.9rem}.card{padding:20px;margin:10px 0}body:before,body:after{display:none}}@media (max-width: 480px){body{font-size:1rem}.container{padding:0 8px}.card{padding:16px;border-radius:12px}}.navbar{background:linear-gradient(90deg,#b8cbd0f2,#b8cbd0fa 20%,#fff,#b8cbd0fa 80%,#b8cbd0f2);-webkit-backdrop-filter:blur(25px) brightness(1.1);backdrop-filter:blur(25px) brightness(1.1);border-bottom:2px solid rgba(19,124,139,.2);box-shadow:0 4px 30px #344d591a,inset 0 -1px #b8cbd04d;padding:15px 40px;position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;transition:all .3s cubic-bezier(.25,.46,.45,.94);animation:navbarSlideDown .6s ease-out}.navbar.scrolled{background:linear-gradient(90deg,#b8cbd0fa,#fff,#b8cbd0fa);box-shadow:0 8px 40px #344d5926}.navbar-logo{font-size:2.4rem;font-weight:800;color:var(--blue-night);text-decoration:none;letter-spacing:-.5px;position:relative;transition:all .3s ease;background:linear-gradient(135deg,var(--blue-night),var(--blue-ocean));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px rgba(52,77,89,.2)}.navbar-logo:hover{transform:scale(1.05);filter:brightness(1.2);text-shadow:0 4px 15px rgba(19,124,139,.3)}.navbar div{display:flex;align-items:center;gap:15px}.navbar-btn{position:relative;display:flex;align-items:center;justify-content:center;width:65px;height:65px;border-radius:50%;background:linear-gradient(135deg,#344d591a,#7a90a426);border:2px solid rgba(19,124,139,.2);color:var(--blue-night);font-size:1.6rem;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);cursor:pointer;box-shadow:0 4px 15px #344d591a,inset 0 1px #fff3}.navbar-btn:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(19,124,139,.2) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.navbar-btn:hover{background:linear-gradient(135deg,#137c8b26,#709ca733);border-color:var(--blue-ocean);color:var(--blue-ocean);transform:translateY(-3px) scale(1.1);box-shadow:0 8px 25px #137c8b40,0 0 20px #137c8b26,inset 0 1px #ffffff4d}.navbar-btn:hover:before{opacity:1}.navbar-btn:active{transform:translateY(-1px) scale(1.05);transition:transform .1s ease}.navbar-btn.active{background:linear-gradient(135deg,var(--blue-ocean),var(--blue-fog));color:#fff;border-color:var(--blue-ocean);box-shadow:0 6px 20px #137c8b4d,inset 0 1px #fff3}.navbar-btn.active:hover{background:linear-gradient(135deg,var(--blue-ocean),var(--blue-stone));transform:translateY(-2px) scale(1.08)}.tooltip{position:absolute;bottom:-45px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--blue-night),var(--blue-stone));color:var(--blue-ice);padding:8px 12px;border-radius:8px;font-size:.8rem;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transform:translate(-50%) translateY(10px);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 4px 15px #344d594d,0 0 10px #137c8b33}.tooltip:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid var(--blue-night)}.navbar-btn:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}@keyframes navbarSlideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.navbar-btn:nth-child(1){animation:buttonSlideIn .6s ease-out .1s both}.navbar-btn:nth-child(2){animation:buttonSlideIn .6s ease-out .2s both}.navbar-btn:nth-child(3){animation:buttonSlideIn .6s ease-out .3s both}.navbar-btn:nth-child(4){animation:buttonSlideIn .6s ease-out .4s both}@keyframes buttonSlideIn{0%{transform:translateY(-30px) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@media (max-width: 968px){.navbar{padding:12px 25px}.navbar-logo{font-size:2rem}.navbar div{gap:12px}.navbar-btn{width:55px;height:55px;font-size:1.4rem}.tooltip{font-size:.75rem;padding:6px 10px;bottom:-40px}}@media (max-width: 480px){.navbar{padding:10px 20px;flex-wrap:wrap;gap:10px}.navbar-logo{font-size:1.75rem;margin-bottom:5px}.navbar div{gap:10px;flex-wrap:wrap}.navbar-btn{width:52px;height:52px;font-size:1.2rem}.tooltip{font-size:.7rem;padding:5px 8px;bottom:-35px}}.navbar-btn:focus{outline:3px solid var(--blue-ocean);outline-offset:3px}.navbar-logo:focus{outline:2px solid var(--blue-ocean);outline-offset:2px;border-radius:4px}@media (prefers-color-scheme: dark){.navbar{background:linear-gradient(90deg,rgba(52,77,89,.95) 0%,rgba(52,77,89,.98) 20%,var(--blue-night) 50%,rgba(52,77,89,.98) 80%,rgba(52,77,89,.95) 100%);border-bottom-color:#b8cbd04d}.navbar-logo{background:linear-gradient(135deg,var(--blue-ice),var(--blue-fog));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}}.site-footer{background:linear-gradient(135deg,var(--blue-night) 0%,rgba(26,42,51,.9) 30%,rgba(74,107,122,.7) 70%,var(--blue-stone) 100%);-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);border-top:1px solid rgba(255,255,255,.3);box-shadow:0 -10px 40px #0a5a6640,inset 0 1px #ffffff26;color:var(--blue-ice);font-size:1.2rem;padding:24px 60px;position:relative;width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:auto;box-sizing:border-box;overflow:hidden;animation:footerSlideUp .8s cubic-bezier(.25,.46,.45,.94)}.footer-navigation{display:flex;gap:30px;align-items:center;position:relative;z-index:2}.footer-nav-link{color:var(--blue-ice);text-decoration:none;font-weight:700;font-size:1.1rem;letter-spacing:.6px;padding:12px 18px;border-radius:12px;background:linear-gradient(145deg,#ffffff1a,#1a2a3326);border:1px solid rgba(255,255,255,.2);position:relative;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform-style:preserve-3d}.footer-nav-link:hover{background:linear-gradient(145deg,#ffffff2e,#1a2a3340);border-color:#ffffff59;transform:scale(1.02);box-shadow:0 4px 15px #0a5a6633,inset 0 1px #ffffff40}.footer-nav-link:focus{outline:3px solid rgba(255,255,255,.6);outline-offset:2px;background:linear-gradient(145deg,#ffffff2e,#1a2a3340);border-color:#ffffff59;transform:scale(1.02);box-shadow:0 4px 15px #0a5a6633,inset 0 1px #ffffff40}.footer-nav-link:active{transform:scale(.98);box-shadow:0 2px 8px #0a5a6626,inset 0 2px 4px #0000001a}.footer-nav-link:after{bottom:6px}.footer-copyright-section{color:var(--blue-ice);font-size:1.05rem;font-weight:600;display:flex;align-items:center;gap:12px;position:relative;z-index:2;padding:10px 18px;border-radius:10px;background:#1a2a3366;border:1px solid rgba(255,255,255,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}@keyframes footerSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.footer-nav-link{transition:none}.footer-nav-link:hover,.footer-nav-link:focus{transform:none;background:linear-gradient(145deg,#ffffff2e,#1a2a3340);border-color:#ffffff59}.site-footer{animation:none}}@media (max-width: 968px){.site-footer{flex-direction:column;gap:22px;padding:22px 40px;text-align:center;font-size:1.1rem}.footer-navigation{gap:20px;flex-wrap:wrap;justify-content:center}.footer-nav-link{font-size:1rem;padding:12px 16px}.footer-copyright-section{font-size:.95rem;padding:9px 15px}}@media (max-width: 480px){.site-footer{padding:18px 28px;gap:18px;font-size:1rem}.footer-navigation{gap:15px;flex-direction:column}.footer-nav-link{font-size:.95rem;padding:10px 14px;width:100%;text-align:center;max-width:220px}.footer-copyright-section{font-size:.9rem;padding:8px 14px}}.body-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:60px 50px;margin:40px auto;max-width:700px;width:90%;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;border:1px solid rgba(255,255,255,.8);box-shadow:0 25px 60px #344d5940,0 0 0 1px #fffc inset;transform:translateY(0);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-align:center}.body-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(90,133,144,.3),transparent)}.body-container:hover{transform:translateY(-8px);box-shadow:0 35px 80px #344d594d,0 0 0 1px #ffffffe6 inset}.body-title{color:var(--blue-night);font-size:4rem;font-weight:700;margin-bottom:16px;position:relative;line-height:1.2;letter-spacing:-.02em;background:linear-gradient(135deg,var(--blue-ocean) 0%,var(--blue-fog) 50%,var(--blue-stone) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease-out}.body-title:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:100px;height:5px;background:linear-gradient(90deg,var(--blue-ocean),var(--blue-fog),var(--blue-ocean));border-radius:3px;box-shadow:0 2px 10px #0a5a664d}.body-btn{margin-top:48px;padding:20px 48px;background:linear-gradient(135deg,var(--blue-ocean) 0%,var(--blue-fog) 50%,var(--blue-stone) 100%);background-size:200% 200%;color:#fff;border:none;border-radius:16px;font-size:1.4rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 25px #0a5a664d,0 0 0 1px #ffffff1a inset;animation:fadeInUp .8s ease-out .3s both}.body-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.body-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:all .6s cubic-bezier(.4,0,.2,1)}.body-btn:hover{background-position:100% 100%;transform:translateY(-4px) scale(1.02);box-shadow:0 15px 40px #0a5a6666,0 0 0 1px #fff3 inset}.body-btn:hover:before{left:100%}.body-btn:hover:after{width:300px;height:300px}.body-btn:active{transform:translateY(-2px) scale(1);transition:all .1s ease}.body-btn:focus{outline:none;box-shadow:0 8px 25px #0a5a664d,0 0 0 3px #0a5a664d}.body-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;background:var(--blue-stone)}.body-btn:disabled:hover{transform:none;background:var(--blue-stone)}@media (max-width: 1024px){.body-container{padding:48px 40px;margin:32px auto;max-width:600px}.body-title{font-size:3.2rem}.body-btn{padding:18px 40px;font-size:1.3rem;margin-top:40px}}@media (max-width: 768px){.body-container{padding:40px 32px;margin:24px 16px;min-height:70vh;border-radius:20px}.body-title{font-size:2.8rem;margin-bottom:12px}.body-title:after{width:80px;height:4px;bottom:-16px}.body-btn{padding:16px 32px;font-size:1.2rem;letter-spacing:1px;margin-top:32px}}@media (max-width: 480px){.body-container{padding:32px 24px;margin:20px 12px;min-height:60vh;width:calc(100% - 24px)}.body-title{font-size:2.4rem;line-height:1.1}.body-btn{padding:14px 28px;font-size:1.1rem;width:100%;max-width:280px;margin-top:28px}}@media (prefers-reduced-motion: reduce){.body-container,.body-btn,.body-title{animation:none;transition:none}.body-container:hover,.body-btn:hover{transform:none}}.register-page{background:linear-gradient(135deg,var(--blue-ice) 0%,var(--blue-fog) 50%,var(--blue-ocean) 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.register-form{background:#fffffff2;padding:40px;border-radius:20px;box-shadow:0 20px 40px #344d5926;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(184,203,208,.3);width:100%;max-width:420px;transform:translateY(0);transition:all .3s ease;animation:fadeInUp .6s ease}.register-form:hover{transform:translateY(-5px);box-shadow:0 25px 50px #344d5933}.register-title{color:var(--blue-night);text-align:center;margin-bottom:30px;font-size:2.6rem;font-weight:600;position:relative}.register-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--blue-ocean),var(--blue-fog));border-radius:2px}.register-input{width:100%;padding:18px 24px;margin-bottom:20px;border:2px solid var(--blue-ice);border-radius:12px;font-size:20px;background:#b8cbd01a;color:var(--blue-night);transition:all .3s ease;outline:none}.register-input::placeholder{color:var(--blue-stone);opacity:.8}.register-input:focus{border-color:var(--blue-ocean);background:#137c8b0d;box-shadow:0 0 0 3px #137c8b1a;transform:translateY(-2px)}.register-input:hover{border-color:var(--blue-fog);background:#709ca714}.register-submit-button{width:100%;padding:20px;background:linear-gradient(135deg,var(--blue-ocean) 0%,var(--blue-fog) 100%);color:#fff;border:none;border-radius:12px;font-size:22px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;margin-top:10px;position:relative;overflow:hidden}.register-submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.register-submit-button:hover:before{left:100%}.register-submit-button:hover{background:linear-gradient(135deg,var(--blue-night) 0%,var(--blue-ocean) 100%);transform:translateY(-2px);box-shadow:0 10px 25px #137c8b4d}.register-submit-button:active{transform:translateY(0);box-shadow:0 5px 15px #137c8b33}.register-message{margin-top:20px;padding:15px;border-radius:8px;text-align:center;font-weight:500;animation:slideIn .3s ease;font-size:1.2rem}.register-message:not(:empty){background:#137c8b1a;color:var(--blue-night);border:1px solid var(--blue-ocean)}@media (max-width: 480px){.register-form{padding:36px 24px;margin:10px}.register-title{font-size:2rem}.register-input,.register-submit-button{padding:18px 20px;font-size:18px}}.login-page{background:linear-gradient(135deg,var(--blue-ice) 0%,var(--blue-fog) 50%,var(--blue-ocean) 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;box-sizing:border-box}.login-form{background:#fffffff2;padding:48px;border-radius:24px;box-shadow:0 24px 48px #344d592e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(184,203,208,.35);width:100%;max-width:460px;transform:translateY(0);transition:all .3s ease;animation:fadeInUp .6s ease}.login-form:hover{transform:translateY(-6px);box-shadow:0 28px 56px #344d593d}.login-title{color:var(--blue-night);text-align:center;margin-bottom:36px;font-size:2.4rem;font-weight:700;position:relative}.login-title:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:72px;height:4px;background:linear-gradient(90deg,var(--blue-ocean),var(--blue-fog));border-radius:3px}.login-input{width:100%;padding:20px 24px;margin-bottom:28px;border:2.5px solid var(--blue-ice);border-radius:16px;font-size:18px;background:#b8cbd01f;color:var(--blue-night);transition:all .3s ease;outline:none}.login-input::placeholder{color:var(--blue-stone);opacity:.85}.login-input:focus{border-color:var(--blue-ocean);background:#137c8b12;box-shadow:0 0 0 4px #137c8b26;transform:translateY(-2.5px)}.login-input:hover{border-color:var(--blue-fog);background:#709ca71a}.login-submit-button{width:100%;padding:20px 0;background:linear-gradient(135deg,var(--blue-ocean) 0%,var(--blue-fog) 100%);color:#fff;border:none;border-radius:16px;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1.5px;margin-top:16px;position:relative;overflow:hidden}.login-submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.login-submit-button:before{content:"";position:absolute;top:0;left:-110%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .5s}.login-submit-button:hover:not(:disabled):before{left:110%}.login-submit-button:hover:not(:disabled){background:linear-gradient(135deg,var(--blue-night) 0%,var(--blue-ocean) 100%);transform:translateY(-3px);box-shadow:0 12px 28px #137c8b59}.login-submit-button:active:not(:disabled){transform:translateY(0);box-shadow:0 6px 18px #137c8b40}.login-error-message{margin-top:24px;padding:18px;border-radius:12px;text-align:center;font-weight:600;animation:slideIn .3s ease;background:#dc35451f;color:#721c24;border:1.5px solid rgba(220,53,69,.4)}.login-forgot-password{margin-top:24px;text-align:center}.login-forgot-password a{color:var(--blue-ocean);text-decoration:none;font-weight:600;transition:all .3s ease;position:relative;font-size:1.1rem}.login-forgot-password a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:3px;background:var(--blue-ocean);transition:width .3s ease;border-radius:2px}.login-forgot-password a:hover{color:var(--blue-night)}.login-forgot-password a:hover:after{width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.login-page{padding:28px 20px}.login-form{padding:40px 32px;max-width:380px}.login-title{font-size:2rem;margin-bottom:28px}.login-input{padding:18px 20px;font-size:17px;margin-bottom:24px}.login-submit-button{padding:18px 0;font-size:18px;margin-top:14px}.login-forgot-password a{font-size:1rem}}@media (max-width: 480px){.login-page{padding:24px 16px}.login-form{padding:32px 24px;max-width:320px}.login-title{font-size:1.7rem;margin-bottom:22px}.login-input{padding:16px;font-size:16px;margin-bottom:20px}.login-submit-button{padding:16px 0;font-size:16px;margin-top:12px}.login-forgot-password a{font-size:.95rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.login-form:hover,.login-input:focus,.login-submit-button:hover:not(:disabled),.login-submit-button:active:not(:disabled){transform:none!important;box-shadow:none!important}}.forgot-password-form{max-width:420px;margin:80px auto;padding:40px;background:#fffffff2;border-radius:20px;box-shadow:0 15px 35px #1a2a331a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(90,133,144,.2);position:relative;overflow:hidden;animation:fadeIn .8s ease-out}.forgot-password-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue-ocean) 0%,var(--blue-fog) 50%,var(--blue-ocean) 100%);background-size:200% 100%;animation:gentleShift 3s ease-in-out infinite}.forgot-password-form h2{color:var(--blue-night);font-size:1.8rem;font-weight:700;text-align:center;margin-bottom:32px;position:relative}.forgot-password-form h2:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--blue-fog),var(--blue-ocean));border-radius:2px;opacity:.7}.forgot-password-form input[type=email]{width:100%;padding:16px 20px;margin-bottom:24px;border:2px solid rgba(90,133,144,.3);border-radius:12px;font-size:1rem;background:#fffc;color:var(--blue-night);transition:all .3s ease;outline:none;font-family:inherit}.forgot-password-form input[type=email]::placeholder{color:var(--blue-stone);opacity:.7}.forgot-password-form input[type=email]:focus{border-color:var(--blue-ocean);background:#fff;box-shadow:0 0 0 3px #0a5a661a;transform:translateY(-2px)}.forgot-password-form button[type=submit]{width:100%;padding:16px 24px;background:linear-gradient(135deg,var(--blue-ocean) 0%,var(--blue-fog) 100%);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;margin-bottom:20px}.forgot-password-form button[type=submit]:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0a5a664d;background:linear-gradient(135deg,var(--blue-night) 0%,var(--blue-ocean) 100%)}.forgot-password-form button[type=submit]:active{transform:translateY(-1px);box-shadow:0 5px 15px #0a5a6633}.forgot-password-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.forgot-password-form .success{background:#48bb781a;border:1px solid rgba(72,187,120,.3);color:#2f855a;padding:16px 20px;border-radius:10px;margin:0;font-weight:500;text-align:center;animation:slideInFromLeft .5s ease-out}.forgot-password-form .error{background:#f565651a;border:1px solid rgba(245,101,101,.3);color:#c53030;padding:16px 20px;border-radius:10px;margin:0;font-weight:500;text-align:center;animation:slideInFromRight .5s ease-out}.forgot-password-form:after{content:"";position:absolute;bottom:-50px;right:-50px;width:100px;height:100px;background:radial-gradient(circle,var(--blue-fog) 0%,transparent 70%);opacity:.1;border-radius:50%;animation:softPulse 6s ease-in-out infinite}@media (max-width: 768px){.forgot-password-form{margin:40px 20px;padding:30px 24px;border-radius:16px}.forgot-password-form h2{font-size:1.6rem;margin-bottom:28px}.forgot-password-form input[type=email],.forgot-password-form button[type=submit]{padding:14px 18px;font-size:1rem}}@media (max-width: 480px){.forgot-password-form{margin:20px 12px;padding:24px 20px}.forgot-password-form h2{font-size:1.4rem;margin-bottom:24px}}.admin-container{min-height:100vh;background:linear-gradient(135deg,var(--blue-ice) 0%,var(--blue-fog) 50%,var(--blue-ocean) 100%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--blue-night);padding:20px}.admin-header{background:#fffffff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:25px 30px;margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #344d5926;border:1px solid rgba(184,203,208,.3);animation:fadeInDown .6s ease}.admin-info{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.current-user-info{font-size:.9rem;color:var(--blue-ocean);background:#137c8b1a;padding:8px 15px;border-radius:20px;border:1px solid rgba(19,124,139,.2)}.current-user-info strong{color:var(--blue-night)}.admin-header h1{font-size:2rem;font-weight:700;background:linear-gradient(135deg,var(--blue-ocean),var(--blue-fog));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.admin-stats{display:flex;gap:20px}.stat-badge{background:linear-gradient(135deg,var(--blue-ocean),var(--blue-fog));color:#fff;padding:10px 20px;border-radius:25px;font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:8px}.admin-tabs{background:#fffffff2;border-radius:15px;padding:5px;margin-bottom:30px;display:flex;gap:5px;box-shadow:0 5px 20px #344d591a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(184,203,208,.3);animation:fadeInUp .6s ease .1s both}.tab-btn{flex:1;background:transparent;border:none;padding:15px;border-radius:10px;font-weight:600;color:var(--blue-stone);cursor:pointer;transition:all .3s ease;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:8px}.tab-btn:hover{background:#b8cbd033}.tab-btn.active{background:linear-gradient(135deg,var(--blue-ocean),var(--blue-fog));color:#fff;box-shadow:0 5px 15px #137c8b4d}.tab-content{animation:fadeInUp .6s ease .2s both}.quiz-management{background:#fffffff2;border-radius:20px;padding:30px;box-shadow:0 10px 30px #344d591a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(184,203,208,.3)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid var(--blue-ice)}.section-header h2{color:var(--blue-night);font-size:1.6rem;font-weight:600;margin:0}.btn-primary{background:linear-gradient(135deg,var(--blue-ocean),var(--blue-fog));color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.5px}.btn-primary:hover{background:linear-gradient(135deg,var(--blue-night),var(--blue-ocean));transform:translateY(-2px);box-shadow:0 8px 20px #137c8b4d}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.quiz-card{background:#b8cbd01a;border:1px solid var(--blue-ice);border-radius:15px;padding:20px;transition:all .3s ease;position:relative;overflow:hidden}.quiz-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue-ocean),var(--blue-fog))}.quiz-card:hover{background:#137c8b0d;border-color:var(--blue-ocean);transform:translateY(-5px);box-shadow:0 10px 25px #344d5926}.quiz-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.quiz-category{background:linear-gradient(135deg,var(--blue-ocean),var(--blue-fog));color:#fff;padding:5px 12px;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.quiz-questions-count{color:var(--blue-stone);font-size:.85rem;font-weight:600}.quiz-auto-badge{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;padding:3px 8px;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:5px}.quiz-card h3{color:var(--blue-night);margin:0 0 10px;font-size:1.2rem;font-weight:600}.quiz-description{color:var(--blue-stone);margin:0 0 15px;font-size:.9rem;line-height:1.4}.quiz-meta{display:flex;justify-content:space-between;font-size:.85rem;color:var(--blue-stone);margin-bottom:15px;padding-top:10px;border-top:1px solid var(--blue-ice)}.quiz-actions{display:flex;gap:8px;justify-content:flex-end}.btn-icon{background:#fffc;border:1px solid var(--blue-ice);color:var(--blue-ocean);width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.btn-icon:hover{background:var(--blue-ocean);color:#fff;transform:scale(1.1)}.btn-icon.btn-danger:hover{background:#dc3545;border-color:#dc3545}.user-management{background:#fffffff2;border-radius:20px;padding:30px;box-shadow:0 10px 30px #344d591a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(184,203,208,.3)}.users-table{overflow-x:auto}.users-table table{width:100%;border-collapse:separate;border-spacing:0}.users-table thead{background:#b8cbd01a}.users-table th{padding:15px;text-align:left;color:var(--blue-night);font-weight:600;border-bottom:2px solid var(--blue-ice)}.users-table td{padding:15px;border-bottom:1px solid var(--blue-ice)}.users-table tbody tr{transition:all .3s ease}.users-table tbody tr:hover{background:#137c8b0d}.role-badge{padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:600;display:inline-block}.role-badge.admin{background:linear-gradient(135deg,#dc3545,#e83e8c);color:#fff}.role-badge.user{background:linear-gradient(135deg,var(--blue-ocean),var(--blue-fog));color:#fff}.table-actions{display:flex;gap:8px}.modal-overlay{position:fixed;inset:0;background:#344d59b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;padding:20px}.modal{background:#fffffffa;border-radius:20px;padding:30px;max-width:500px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #344d594d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(184,203,208,.3);animation:slideUp .3s ease}.modal-large{max-width:800px}.modal h2{color:var(--blue-night);margin:0 0 25px;font-size:1.6rem;font-weight:600;text-align:center;position:relative}.modal h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--blue-ocean),var(--blue-fog));border-radius:2px}.form-group{margin-bottom:20px}.form-group label{display:block;color:var(--blue-night);font-weight:600;margin-bottom:8px;font-size:.95rem}.form-input,.form-textarea,.form-select{width:100%;padding:12px 16px;border:2px solid var(--blue-ice);border-radius:10px;font-size:16px;background:#b8cbd01a;color:var(--blue-night);transition:all .3s ease;outline:none;box-sizing:border-box;font-family:inherit}.form-textarea{min-height:100px;resize:vertical}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--blue-ocean);background:#137c8b0d;box-shadow:0 0 0 3px #137c8b1a}.questions-section{background:#b8cbd01a;border-radius:12px;padding:20px;margin:20px 0}.questions-section h3{color:var(--blue-night);margin:0 0 20px;font-size:1.3rem}.questions-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.question-preview{background:#fff;border:1px solid var(--blue-ice);border-radius:10px;padding:15px;position:relative}.question-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.question-actions{display:flex;gap:8px;align-items:center}.btn-edit-question{background:#17a2b8!important;color:#fff!important;border:none!important;width:25px;height:25px;border-radius:50%;font-size:.9rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-edit-question:hover{background:#138496!important;transform:scale(1.1)}.form-actions{display:flex;gap:10px;align-items:center;justify-content:flex-start;margin-top:15px}.question-number{background:var(--blue-ocean);color:#fff;padding:5px 10px;border-radius:15px;font-weight:600;font-size:.9rem}.question-category-badge{background:linear-gradient(135deg,#e67e22,#f39c12);color:#fff;padding:3px 8px;border-radius:10px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-left:8px;border:1px solid rgba(255,255,255,.2)}.btn-remove{background:#dc3545;color:#fff;border:none;width:25px;height:25px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-remove:hover{background:#c82333;transform:scale(1.1)}.question-content{margin-bottom:10px}.question-text{color:var(--blue-night);font-size:1rem;margin:0 0 10px}.options-preview{display:flex;flex-direction:column;gap:5px;font-size:.9rem}.options-preview span{padding:5px 10px;background:#b8cbd01a;border-radius:6px;color:var(--blue-stone)}.options-preview span.correct{background:#28a7451a;border:1px solid #28a745;color:#155724;font-weight:600}.add-question-form{background:#fff;border-radius:10px;padding:20px}.add-question-form h4{color:var(--blue-night);margin:0 0 15px;font-size:1.1rem}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.btn-add-question{background:linear-gradient(135deg,var(--blue-ocean),var(--blue-fog));color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.btn-add-question:hover{background:linear-gradient(135deg,var(--blue-night),var(--blue-ocean));transform:translateY(-2px);box-shadow:0 5px 15px #137c8b4d}.modal-actions{display:flex;gap:15px;justify-content:center;margin-top:30px}.btn-save,.btn-cancel{padding:12px 30px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.btn-save:hover:not(:disabled){background:linear-gradient(135deg,var(--blue-night),var(--blue-ocean));transform:translateY(-2px);box-shadow:0 8px 20px #137c8b4d}.btn-cancel:hover{background:var(--blue-stone);color:#fff;transform:translateY(-2px)}.btn-cancel-edit{background:#dc35451a;border:2px solid #dc3545;color:#dc3545;padding:8px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:.9rem;margin-left:10px}.btn-cancel-edit:hover{background:#dc3545;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.quiz-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.admin-container{padding:15px}.admin-header{flex-direction:column;gap:15px;text-align:center}.admin-header h1{font-size:1.5rem}.admin-stats{width:100%;justify-content:center}.admin-tabs{flex-direction:column}.tab-btn{width:100%}.section-header{flex-direction:column;gap:15px;align-items:flex-start}.quiz-grid,.options-grid{grid-template-columns:1fr}.modal-large{max-width:95%}.users-table{font-size:.9rem}.users-table th,.users-table td{padding:10px}}@media (max-width: 480px){.admin-header h1{font-size:1.3rem}.stat-badge{padding:8px 15px;font-size:.85rem}.quiz-management,.user-management,.modal{padding:20px}.btn-primary,.btn-save,.btn-cancel{padding:10px 20px;font-size:.9rem}.quiz-card{padding:15px}.table-actions{flex-wrap:wrap}}.checkbox-group{display:flex;flex-direction:column;gap:12px;margin-top:10px}.checkbox-label{display:flex;align-items:center;cursor:pointer;padding:10px;border-radius:8px;transition:background-color .2s ease;border:1px solid rgba(184,203,208,.3)}.checkbox-label:hover{background-color:#b8cbd01a}.checkbox-label input[type=checkbox]{margin-right:10px;width:18px;height:18px;accent-color:var(--blue-ocean);cursor:pointer}.checkbox-label input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.checkbox-text{font-size:.95rem;color:var(--blue-night);flex:1}.checkbox-label:has(input:disabled){opacity:.6;cursor:not-allowed}.checkbox-label:has(input:disabled):hover{background-color:transparent}.existing-questions-section{margin-top:20px;text-align:center}.separator{margin:20px 0;position:relative;text-align:center}.separator:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--blue-stone),transparent)}.separator span{background:#fffffff2;padding:0 15px;color:var(--blue-stone);font-size:.9rem;font-weight:600}.btn-add-existing{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #27ae604d}.btn-add-existing:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #27ae6066}.btn-add-existing:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.filters-section{background:#f8fafccc;border-radius:15px;padding:20px;margin-bottom:20px;border:1px solid rgba(184,203,208,.3)}.filter-row{display:grid;grid-template-columns:1fr 2fr;gap:20px;align-items:end}.selection-info{background:linear-gradient(135deg,var(--blue-ocean),var(--blue-fog));color:#fff;padding:12px 20px;border-radius:10px;margin-bottom:20px;text-align:center;font-weight:600}.selected-categories-info{margin-top:8px;padding:8px 12px;background:#fff3;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.selected-categories-info small{font-size:.85rem;opacity:.9}.existing-questions-list{max-height:400px;overflow-y:auto;padding:10px;border:1px solid rgba(184,203,208,.3);border-radius:10px;background:#f8fafc80}.existing-question-card{background:#fff;border-radius:12px;padding:15px;margin-bottom:10px;cursor:pointer;transition:all .3s ease;border:2px solid transparent;box-shadow:0 2px 8px #344d591a}.existing-question-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #344d5926;border-color:#548ea54d}.existing-question-card.selected{border-color:var(--blue-ocean);background:linear-gradient(135deg,#548ea51a,#90b4c11a);box-shadow:0 4px 15px #548ea533}.question-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.question-category{background:linear-gradient(135deg,var(--blue-ocean),var(--blue-fog));color:#fff;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.question-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--blue-ocean)}.question-card-content .question-text{font-weight:600;color:var(--blue-night);margin-bottom:10px;line-height:1.4}.no-questions{text-align:center;padding:40px 20px;color:var(--blue-stone)}.no-questions p{margin:0;font-size:1.1rem;font-weight:500}@media (max-width: 768px){.filter-row{grid-template-columns:1fr;gap:15px}.existing-questions-list{max-height:300px}}.quiz-container{min-height:100vh;color:var(--blue-night);padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.quiz-welcome{background:#fffffff2;border-radius:20px;padding:40px;max-width:600px;width:100%;text-align:center;box-shadow:0 20px 40px #344d5933;border:1px solid rgba(184,203,208,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.quiz-welcome:hover{transform:translateY(-5px);box-shadow:0 25px 50px #344d594d}.quiz-title{font-size:3.25rem;font-weight:700;margin-bottom:30px;background:linear-gradient(135deg,var(--blue-ocean),var(--blue-fog));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.quiz-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--blue-ocean),var(--blue-fog));border-radius:2px}.quiz-info{margin-bottom:30px}.info-card{background:#b8cbd01a;border:1px solid var(--blue-ice);border-radius:15px;padding:20px;text-align:left;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.info-card h3{color:var(--blue-night);margin-bottom:15px;font-size:1.56rem;font-weight:600}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{font-size:1.3rem;color:var(--blue-stone);position:relative;padding:8px 0 8px 20px}.info-card li:before{content:"•";color:var(--blue-ocean);font-size:1.56rem;position:absolute;left:0}.quiz-actions{display:flex;flex-direction:column;gap:20px;align-items:center}.start-quiz-btn{background:linear-gradient(135deg,var(--blue-ocean),var(--blue-fog));color:#fff;border:none;padding:22px 48px;border-radius:15px;font-size:1.56rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.start-quiz-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.start-quiz-btn:hover:before{left:100%}.start-quiz-btn:hover{background:linear-gradient(135deg,var(--blue-night),var(--blue-ocean));transform:translateY(-3px);box-shadow:0 10px 25px #137c8b4d}.start-quiz-btn:active{transform:translateY(-1px)}.reload-btn{background:linear-gradient(135deg,var(--blue-stone),var(--blue-ice));color:#fff;border:none;padding:18px 36px;border-radius:12px;font-size:1.3rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.8px;position:relative;overflow:hidden;box-shadow:0 6px 20px #344d5933}.reload-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.reload-btn:hover:before{left:100%}.reload-btn:hover{background:linear-gradient(135deg,var(--blue-night),var(--blue-stone));transform:translateY(-2px);box-shadow:0 8px 25px #344d594d}.reload-btn:active{transform:translateY(-1px)}.quiz-header{background:#fffffff2;border-radius:15px;padding:20px;margin-bottom:20px;box-shadow:0 10px 30px #344d591a;border:1px solid rgba(184,203,208,.3);width:100%;max-width:800px;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progress-section{flex:1;margin-right:20px}.question-counter{font-weight:600;color:var(--blue-night);margin-bottom:10px;font-size:1.43rem}.progress-bar{background:#b8cbd04d;height:8px;border-radius:4px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,var(--blue-ocean),var(--blue-fog));height:100%;transition:width .5s ease;border-radius:4px;position:relative}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShimmer 2s infinite}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.score-display-mini{background:linear-gradient(135deg,var(--blue-ocean),var(--blue-fog));color:#fff;padding:12px 20px;border-radius:12px;font-weight:700;font-size:1.43rem;box-shadow:0 4px 15px #137c8b4d}.quiz-content{width:100%;max-width:800px}.question-card{background:#fffffff2;border-radius:20px;padding:30px;box-shadow:0 20px 40px #344d5926;border:1px solid rgba(184,203,208,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.question-text{color:var(--blue-night);font-size:1.82rem;font-weight:600;margin-bottom:30px;line-height:1.5}.options-container{display:flex;flex-direction:column;gap:15px}.option-btn{background:#fffc;border:2px solid var(--blue-ice);border-radius:12px;padding:20px;display:flex;align-items:center;cursor:pointer;transition:all .3s ease;gap:15px;position:relative}.option-btn:hover{border-color:var(--blue-ocean);background:#137c8b0d;transform:translate(5px);box-shadow:0 5px 15px #137c8b33}.option-letter{background:var(--blue-ocean);color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.43rem;flex-shrink:0}.option-text{flex:1;font-size:1.43rem;color:var(--blue-night);font-weight:500}.quiz-result{background:#fffffff2;border-radius:20px;padding:40px;max-width:900px;width:100%;text-align:center;box-shadow:0 20px 40px #344d5933;border:1px solid rgba(184,203,208,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.result-title{font-size:2.86rem;font-weight:700;margin-bottom:40px;background:linear-gradient(135deg,var(--blue-ocean),var(--blue-fog));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-display{margin-bottom:40px}.score-circle{background:linear-gradient(135deg,var(--blue-ocean),var(--blue-fog));width:150px;height:150px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 15px 35px #137c8b4d;position:relative}.score-circle:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:linear-gradient(135deg,var(--blue-fog),var(--blue-ocean));z-index:-1}.score-number{font-size:4.55rem;font-weight:700;color:#fff;line-height:1}.score-total{font-size:1.7rem;color:#fffc;font-weight:500}.score-percentage{font-size:2.6rem;font-weight:700;color:var(--blue-ocean);margin-top:10px}.detailed-results{text-align:left;margin-bottom:30px}.detailed-results h3{color:var(--blue-night);margin-bottom:20px;font-size:1.82rem}.result-item{background:#fff9;border:1px solid rgba(184,203,208,.4);border-radius:12px;padding:20px;margin-bottom:15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.question-number{background:var(--blue-ocean);color:#fff;padding:6px 12px;border-radius:20px;font-weight:600;font-size:1.1rem}.result-status{padding:6px 15px;border-radius:20px;font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.5px}.result-status.correct{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.result-status.incorrect{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.result-details p{margin:8px 0;font-size:1.1rem;color:var(--blue-night);line-height:1.4}.result-details strong{color:var(--blue-ocean)}.result-actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:30px}.retry-btn{background:linear-gradient(135deg,var(--blue-ocean),var(--blue-fog));color:#fff;border:none;padding:18px 36px;border-radius:12px;font-size:1.3rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.8px;position:relative;overflow:hidden;box-shadow:0 6px 20px #137c8b4d}.retry-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.retry-btn:hover:before{left:100%}.retry-btn:hover{background:linear-gradient(135deg,var(--blue-night),var(--blue-ocean));transform:translateY(-2px);box-shadow:0 8px 25px #137c8b66}.retry-btn:active{transform:translateY(-1px)}.home-btn{background:linear-gradient(135deg,var(--blue-stone),var(--blue-ice));color:#fff;border:none;padding:18px 36px;border-radius:12px;font-size:1.3rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.8px;position:relative;overflow:hidden;box-shadow:0 6px 20px #344d5933}.home-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.home-btn:hover:before{left:100%}.home-btn:hover{background:linear-gradient(135deg,var(--blue-night),var(--blue-stone));transform:translateY(-2px);box-shadow:0 8px 25px #344d594d}.home-btn:active{transform:translateY(-1px)}.quiz-loading,.quiz-error{background:#fffffff2;border-radius:20px;padding:40px;max-width:600px;width:100%;text-align:center;box-shadow:0 20px 40px #344d5933;border:1px solid rgba(184,203,208,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-spinner{width:50px;height:50px;border:4px solid rgba(184,203,208,.3);border-top:4px solid var(--blue-ocean);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quiz-loading h2,.quiz-error h2{color:var(--blue-night);font-size:2rem;margin-bottom:15px}.quiz-loading p,.quiz-error p{color:var(--blue-stone);font-size:1.2rem;margin-bottom:20px}.error-actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}@media (max-width: 768px){.quiz-container{padding:10px}.quiz-welcome,.quiz-result{padding:30px 20px;max-width:95%}.quiz-title{font-size:2.5rem}.result-actions,.error-actions,.quiz-actions{flex-direction:column;align-items:center}.quiz-header{flex-direction:column;gap:15px;text-align:center}.progress-section{margin-right:0;width:100%}.question-text{font-size:1.5rem}.option-btn{padding:15px}.option-text{font-size:1.2rem}}.question-type-indicator{margin-bottom:20px;padding:10px;border-radius:8px;text-align:center}.multiple-choice-hint{background-color:#f0f4f8;color:#2d3748;margin:0;padding:12px;border-radius:8px;font-size:15px;font-weight:500;border-left:4px solid #4a5568}.single-choice-hint{background-color:#f7fafc;color:#2d3748;margin:0;padding:12px;border-radius:8px;font-size:15px;font-weight:500;border-left:4px solid #718096}.option-btn.selected{background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff;border:2px solid #4a5568;transform:scale(1.02);box-shadow:0 4px 12px #4a55684d}.option-btn.selected:hover{background:linear-gradient(135deg,#2d3748,#4a5568);transform:scale(1.02) translate(3px)}.option-btn.selected .option-letter{background:#ffffffe6;color:#2d3748}.selected-indicator{position:absolute;top:10px;right:10px;background:#fffffff2;color:#2d3748;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;border:2px solid rgba(255,255,255,.8)}.submit-section{margin-top:30px;display:flex;flex-direction:column;align-items:center;gap:15px}.submit-btn{background:linear-gradient(135deg,#4a5568,#2d3748);color:#fff;border:none;padding:15px 30px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:250px;text-transform:uppercase;letter-spacing:.5px}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2d3748,#1a202c);transform:translateY(-2px);box-shadow:0 6px 16px #4a556866}.submit-btn:disabled{background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.clear-btn{background:transparent;color:#718096;border:1px solid #cbd5e0;padding:10px 20px;border-radius:8px;font-size:14px;cursor:pointer;transition:all .3s ease;font-weight:500}.clear-btn:hover{background:#f7fafc;border-color:#a0aec0;color:#4a5568}@media (max-width: 768px){.question-type-indicator{margin-bottom:15px}.multiple-choice-hint,.single-choice-hint{font-size:14px;padding:10px}.submit-section{margin-top:20px}.submit-btn{padding:12px 24px;font-size:15px;min-width:200px}.selected-indicator{width:24px;height:24px;font-size:14px}}.contact-card-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:30px;padding:40px 20px;max-width:1000px;margin:0 auto;min-height:calc(100vh - 200px);align-content:center}.contact-card{background:linear-gradient(145deg,#1a2a33d9,#4a6b7acc);-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2);border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:30px 25px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0a5a6640,0 4px 16px #1a2a3333,inset 0 1px #ffffff26;transition:all .4s cubic-bezier(.25,.46,.45,.94);transform:translateY(0);animation:cardSlideIn .6s ease-out backwards}.contact-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(10,90,102,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(90,133,144,.08) 0%,transparent 50%);pointer-events:none;opacity:0;transition:opacity .4s ease}.contact-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue-ocean),var(--blue-fog),var(--blue-stone));border-radius:20px 20px 0 0}.contact-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 48px #0a5a6640,0 8px 24px #1a2a3326,inset 0 1px #ffffff26;border-color:#0a5a664d}.contact-card:hover:before{opacity:1}.contact-person-name{color:var(--blue-ice);font-size:2rem;font-weight:700;margin:0 0 8px;letter-spacing:.6px;text-shadow:0 2px 4px rgba(26,42,51,.3);background:linear-gradient(135deg,var(--blue-ice),var(--blue-fog));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.contact-card:hover .contact-person-name{transform:translate(5px);text-shadow:0 0 15px rgba(255,255,255,.3)}.contact-person-role{color:var(--blue-fog);font-size:1.4rem;font-weight:600;margin:0 0 15px;letter-spacing:.4px;text-transform:uppercase;padding:7px 14px;background:#5a859026;border-radius:15px;border:1px solid rgba(90,133,144,.2);display:inline-block;transition:all .3s ease}.contact-card:hover .contact-person-role{background:#0a5a6633;border-color:#0a5a664d;color:var(--blue-ice)}.contact-person-description{color:#ffffffd9;font-size:1.3rem;line-height:1.8;margin:0 0 25px;font-style:italic;min-height:60px;transition:color .3s ease}.contact-card:hover .contact-person-description{color:var(--blue-ice)}.contact-links{display:flex;gap:15px;justify-content:center;margin-top:auto;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.contact-link-icon{display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:12px;background:linear-gradient(145deg,#ffffff1a,#1a2a3333);border:1px solid rgba(255,255,255,.15);color:var(--blue-ice);font-size:1.6rem;text-decoration:none;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);transform-style:preserve-3d}.contact-link-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0a5a664d,#5a859033);border-radius:12px;opacity:0;transition:opacity .3s ease}.contact-link-icon:hover{transform:translateY(-3px) scale(1.1);box-shadow:0 8px 25px #0a5a664d,0 0 20px #0a5a6633;border-color:#0a5a6666;color:#fff}.contact-link-icon:hover:before{opacity:1}.contact-link-icon:active{transform:translateY(-1px) scale(1.05);transition:transform .1s ease}.contact-link-icon:nth-child(1):hover{box-shadow:0 8px 25px #4a6b7a66}.contact-link-icon:nth-child(2):hover{box-shadow:0 8px 25px #0077b566}.contact-link-icon:nth-child(3):hover{box-shadow:0 8px 25px #58606966}@keyframes cardSlideIn{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.contact-card:nth-child(1){animation-delay:.1s}.contact-card:nth-child(2){animation-delay:.2s}.contact-card:nth-child(3){animation-delay:.3s}.contact-card:nth-child(4){animation-delay:.4s}@media (max-width: 968px){.contact-card-container{grid-template-columns:1fr;grid-template-rows:repeat(4,auto);gap:25px;padding:30px 15px}.contact-card{padding:25px 20px}.contact-person-name{font-size:1.8rem}.contact-person-role{font-size:1.2rem}.contact-person-description{font-size:1.1rem;min-height:50px}.contact-links{gap:12px}.contact-link-icon{width:60px;height:60px;font-size:1.4rem}}@media (max-width: 480px){.contact-card-container{grid-template-columns:1fr;grid-template-rows:repeat(4,auto);gap:20px;padding:20px 10px}.contact-card{padding:20px 15px;margin:0 5px}.contact-person-name{font-size:1.6rem;text-align:center}.contact-person-role{font-size:1.1rem;text-align:center;display:block;margin:0 auto 15px}.contact-person-description{font-size:1rem;text-align:center;min-height:45px}.contact-links{gap:10px;padding-top:15px}.contact-link-icon{width:50px;height:50px;font-size:1.2rem}}.contact-link-icon:focus{outline:2px solid var(--blue-ocean);outline-offset:3px;background:linear-gradient(145deg,#0a5a6633,#5a859026)}@keyframes linkPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.contact-link-icon:focus{animation:linkPulse 2s ease-in-out infinite}.profil-container{min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:100%;margin:0;max-width:none}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:20px;color:var(--blue-night)}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:var(--blue-ocean);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.profil-header{background:#fffffff2;border-radius:24px;padding:40px 50px;margin-bottom:40px;box-shadow:0 15px 40px #344d5933;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(184,203,208,.3);display:flex;align-items:center;gap:40px;animation:fadeInUp .6s ease;position:relative;width:100%}.profil-avatar{width:120px;height:120px;background:linear-gradient(135deg,var(--blue-ocean),var(--blue-fog));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:3.5rem;box-shadow:0 10px 25px #137c8b66;flex-shrink:0}.profil-info{flex:1}.profil-info h1{color:var(--blue-night);margin:0 0 12px;font-size:2.5rem;font-weight:700}.profil-info p{color:var(--blue-stone);margin:0 0 8px;font-size:1.1rem}.profil-email{font-weight:500;font-size:1.2rem}.profil-member{font-size:1rem;opacity:.8}.btn-edit-profile{background:linear-gradient(135deg,var(--blue-ocean),var(--blue-fog));color:#fff;border:none;padding:16px 32px;border-radius:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:12px;font-size:1.1rem;flex-shrink:0}.btn-edit-profile:hover{background:linear-gradient(135deg,var(--blue-night),var(--blue-ocean));transform:translateY(-3px);box-shadow:0 12px 30px #137c8b66}.stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:40px;animation:fadeInUp .6s ease .1s both}.stat-card{background:#fffffff2;border-radius:20px;padding:35px 25px;text-align:center;box-shadow:0 12px 35px #344d5926;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(184,203,208,.3);transition:all .4s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--blue-ocean),var(--blue-fog))}.stat-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px #344d5933}.stat-icon{font-size:3rem;color:var(--blue-ocean);margin-bottom:20px}.stat-value{font-size:2.5rem;font-weight:700;color:var(--blue-night);margin-bottom:8px}.stat-label{color:var(--blue-stone);font-size:1rem;text-transform:uppercase;letter-spacing:1px;font-weight:500}.profil-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.category-stats{background:#fffffff2;border-radius:24px;padding:40px;box-shadow:0 15px 40px #344d5926;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(184,203,208,.3);animation:fadeInUp .6s ease .2s both;height:fit-content}.category-stats h2{color:var(--blue-night);margin:0 0 30px;font-size:2rem;font-weight:600;position:relative}.category-stats h2:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:linear-gradient(90deg,var(--blue-ocean),var(--blue-fog));border-radius:2px}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.category-card{background:#b8cbd01a;border:2px solid rgba(255,255,255,.6);border-radius:16px;padding:25px 20px;text-align:center;transition:all .4s ease;position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue-ocean),var(--blue-fog));transform:scaleX(0);transition:transform .3s ease}.category-card:hover:before{transform:scaleX(1)}.category-card:hover{background:#137c8b14;border-color:var(--blue-ocean);transform:translateY(-5px);box-shadow:0 10px 25px #344d5926}.category-card h3{color:var(--blue-night);margin:0 0 15px;font-size:1.2rem;font-weight:600}.category-score{margin:15px 0}.category-card p{color:var(--blue-stone);font-size:.9rem;margin:0;font-weight:500}.history-section{background:#fffffff2;border-radius:24px;padding:40px;box-shadow:0 15px 40px #344d5926;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(184,203,208,.3);animation:fadeInUp .6s ease .3s both}.history-section h2{color:var(--blue-night);margin:0 0 30px;font-size:2rem;font-weight:600;display:flex;align-items:center;gap:15px;position:relative}.history-section h2:after{content:"";position:absolute;bottom:-10px;left:0;width:80px;height:4px;background:linear-gradient(90deg,var(--blue-ocean),var(--blue-fog));border-radius:2px}.history-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.history-item{background:#b8cbd01a;border:2px solid rgba(255,255,255,.6);border-radius:16px;padding:25px;display:flex;justify-content:space-between;align-items:center;transition:all .4s ease;position:relative;overflow:hidden}.history-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue-ocean),var(--blue-fog));transform:scaleX(0);transition:transform .3s ease}.history-item:hover:before{transform:scaleX(1)}.history-item:hover{background:#137c8b14;border-color:var(--blue-ocean);transform:translateY(-5px);box-shadow:0 10px 25px #344d5926}.history-info h3{color:var(--blue-night);margin:0 0 12px;font-size:1.3rem;font-weight:600}.history-meta{display:flex;gap:15px;flex-wrap:wrap;align-items:center}.category-tag{background:linear-gradient(135deg,var(--blue-ocean),var(--blue-fog));color:#fff;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;box-shadow:0 2px 8px #0a5a664d}.history-date,.history-duration{color:var(--blue-stone);font-size:.9rem;font-weight:500}.history-score{display:flex;flex-direction:column;align-items:center;gap:8px;flex-shrink:0}.score-badge{padding:10px 18px;border-radius:12px;font-weight:700;color:#fff;font-size:1.2rem;box-shadow:0 4px 12px #0003}.score-badge.score-excellent{background:linear-gradient(135deg,#28a745,#20c997)}.score-badge.score-good{background:linear-gradient(135deg,#17a2b8,#20c997)}.score-badge.score-average{background:linear-gradient(135deg,#ffc107,#fd7e14)}.score-badge.score-poor{background:linear-gradient(135deg,#dc3545,#e83e8c)}.score-percentage{font-size:1.4rem;font-weight:700;color:var(--blue-ocean)}.modal-overlay{position:fixed;inset:0;background:#344d59cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease;padding:20px}.modal{background:#fffffffa;border-radius:24px;padding:40px;max-width:600px;width:100%;max-height:85vh;overflow-y:auto;box-shadow:0 25px 80px #344d5966;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(184,203,208,.3);animation:slideUp .3s ease}.modal-small{max-width:500px}.modal h2{color:var(--blue-night);margin:0 0 30px;font-size:2rem;font-weight:600;text-align:center;position:relative}.modal h2:after{content:"";position:absolute;bottom:-12px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--blue-ocean),var(--blue-fog));border-radius:2px}.form-group{margin-bottom:25px}.form-group label{display:block;color:var(--blue-night);font-weight:600;margin-bottom:10px;font-size:1rem}.form-input,.form-select{width:100%;padding:15px 20px;border:2px solid rgba(184,203,208,.5);border-radius:12px;font-size:16px;background:#b8cbd01a;color:var(--blue-night);transition:all .3s ease;outline:none;box-sizing:border-box}.form-input:focus,.form-select:focus{border-color:var(--blue-ocean);background:#137c8b0d;box-shadow:0 0 0 4px #137c8b1a}.modal-actions{display:flex;gap:20px;justify-content:center;margin-top:40px}.btn-save,.btn-cancel{padding:16px 36px;border-radius:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}.btn-save{background:linear-gradient(135deg,var(--blue-ocean),var(--blue-fog));color:#fff;border:none}.btn-save:hover:not(:disabled){background:linear-gradient(135deg,var(--blue-night),var(--blue-ocean));transform:translateY(-3px);box-shadow:0 12px 30px #137c8b66}.btn-save:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{background:#7a90a41a;border:2px solid var(--blue-stone);color:var(--blue-stone)}.btn-cancel:hover{background:var(--blue-stone);color:#fff;transform:translateY(-3px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.profil-container{padding:30px}.profil-content{grid-template-columns:1fr;gap:30px}.history-list{grid-template-columns:1fr}}@media (max-width: 768px){.profil-container{padding:20px}.profil-header{flex-direction:column;text-align:center;padding:30px;gap:25px}.btn-edit-profile{width:100%;justify-content:center}.stats-cards{grid-template-columns:repeat(2,1fr);gap:20px}.category-grid{grid-template-columns:1fr}.history-item{flex-direction:column;gap:20px;align-items:flex-start;padding:20px}.history-meta{flex-direction:column;gap:10px;align-items:flex-start}.history-score{align-self:center;flex-direction:row;gap:15px}.modal{margin:10px;padding:30px}}@media (max-width: 480px){.profil-container{padding:15px}.stats-cards{grid-template-columns:1fr;gap:15px}.profil-header,.category-stats,.history-section{padding:25px}.stat-card{padding:25px 20px}.modal{padding:25px}.profil-info h1{font-size:2rem}.profil-avatar{width:100px;height:100px;font-size:3rem}}.main-content{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;position:relative;z-index:1}.mlq-main-container{min-height:100vh;padding:2.5rem 1.25rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.8;color:var(--blue-night);position:relative;z-index:1}.mlq-article{max-width:900px;margin:0 auto;background:#fffffff0;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:22px;box-shadow:0 22px 44px #0a5a662e;overflow:hidden;border:1px solid rgba(90,133,144,.25);position:relative;transform:translateY(0);transition:all .3s ease}.mlq-article:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent,rgba(90,133,144,.02),transparent);background-size:200% 200%;animation:gentleShift 15s ease-in-out infinite;pointer-events:none;z-index:0}.mlq-article>*{position:relative;z-index:1}.mlq-article:hover{transform:translateY(-3px);box-shadow:0 25px 50px #0a5a6633}.mlq-header{background:linear-gradient(135deg,var(--blue-ocean) 0%,var(--blue-stone) 100%);background-size:200% 200%;animation:gentleShift 18s ease-in-out infinite;color:var(--blue-ice);padding:3.5rem 3rem 3rem;text-align:center;position:relative;overflow:hidden}.mlq-header:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat;animation:gentleFloat 35s linear infinite}.mlq-title{font-size:2.8rem;font-weight:700;margin:0 0 1.2rem;position:relative;z-index:1}.mlq-subtitle{font-size:1.3rem;opacity:.95;margin:0;font-weight:400;position:relative;z-index:1}.mlq-section{padding:2.5rem 3rem;border-bottom:1px solid rgba(90,133,144,.1);transition:all .4s ease;position:relative}.mlq-section:before{content:"";position:absolute;left:0;top:0;width:0%;height:100%;background:linear-gradient(90deg,transparent,rgba(90,133,144,.02),transparent);transition:width .6s ease;pointer-events:none}.mlq-section:hover{background-color:#5a859008;transform:translate(2px)}.mlq-section:hover:before{width:100%}.mlq-section:last-of-type{border-bottom:none}.mlq-section-title{font-size:1.7rem;font-weight:700;color:var(--blue-ocean);margin:0 0 1.25rem;padding-bottom:.5rem;border-bottom:2px solid transparent;background:linear-gradient(90deg,var(--blue-fog),var(--blue-fog)) no-repeat;background-size:0% 2px;background-position:0% 100%;transition:background-size .6s ease;display:inline-block;position:relative}.mlq-section:hover .mlq-section-title{background-size:100% 2px}.mlq-text{font-size:1.15rem;margin:0 0 1.25rem;color:var(--blue-night);text-align:justify}.mlq-text:last-child{margin-bottom:0}.mlq-link{color:var(--blue-ocean);text-decoration:none;font-weight:500;font-size:1.05rem;border-bottom:1px solid transparent;transition:all .3s ease}.mlq-link:hover{color:var(--blue-stone);border-bottom-color:var(--blue-fog)}.mlq-link:focus{outline:2px solid var(--blue-fog);outline-offset:2px;border-radius:2px}.mlq-list{margin:1rem 0;padding-left:0;list-style:none}.mlq-list li{background:linear-gradient(90deg,var(--blue-fog) 0%,transparent 100%);background-size:0% 100%;background-repeat:no-repeat;background-position:0 center;padding:.9rem 0 .9rem 1.75rem;margin:.5rem 0;border-radius:6px;font-weight:600;font-size:1.05rem;color:var(--blue-stone);transition:all .5s ease;position:relative;transform:translate(0)}.mlq-list li:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:0%;background:linear-gradient(180deg,var(--blue-ocean),var(--blue-fog));border-radius:2px;transition:height .4s ease}.mlq-list li:hover{background-size:100% 100%;background-color:#5a85900a;transform:translate(6px);padding-left:2rem}.mlq-list li:hover:before{height:70%}.mlq-footer{background:linear-gradient(135deg,var(--blue-night) 0%,var(--blue-ocean) 100%);background-size:200% 200%;animation:gentleShift 22s ease-in-out infinite;color:var(--blue-ice);padding:2.5rem 3rem;text-align:center;font-size:1.1rem;line-height:1.9;position:relative;overflow:hidden}.mlq-footer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:gentleFloat 8s ease-in-out infinite}.mlq-footer .mlq-link{color:var(--blue-ice);border-bottom-color:#ffffff4d}.mlq-footer .mlq-link:hover{color:var(--blue-ice);border-bottom-color:var(--blue-ice)}@keyframes gentleShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (max-width: 768px){.mlq-main-container{padding:1.25rem .75rem}.mlq-article{border-radius:8px}.mlq-header{padding:2.5rem 2rem}.mlq-title{font-size:2.4rem}.mlq-subtitle{font-size:1.15rem}.mlq-section{padding:2rem}.mlq-section-title{font-size:1.5rem}.mlq-text{font-size:1.05rem;text-align:left}.mlq-footer{padding:2rem}}@media (max-width: 480px){.mlq-header{padding:2rem 1.5rem}.mlq-section{padding:1.75rem 1.25rem}.mlq-title{font-size:2rem}.mlq-subtitle{font-size:1rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.mlq-article:hover,.mlq-section:hover,.mlq-list li:hover{transform:none!important}}.accessibility-toggle{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#0052cc,#0080ff);color:#fff;border:3px solid white;box-shadow:0 4px 12px #0052cc66,0 0 #0052cc66;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:9999;transition:all .3s ease}.accessibility-toggle:hover{transform:scale(1.1);background:linear-gradient(135deg,#0080ff,#00b4ff)}.accessibility-toggle:focus{outline:4px solid #ffd700;outline-offset:2px}.accessibility-menu{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;max-height:90vh;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;z-index:10000;overflow:hidden;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.accessibility-header{background:linear-gradient(135deg,#0052cc,#0080ff);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #e0e0e0}.accessibility-header h2{margin:0;font-size:1.5rem;display:flex;align-items:center;gap:10px}.close-btn{background:transparent;border:2px solid white;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#fff;color:#0052cc;transform:rotate(90deg)}.accessibility-content{padding:20px;overflow-y:auto;max-height:calc(90vh - 80px)}.accessibility-section{margin-bottom:30px;padding:20px;background:#f8f9fa;border-radius:12px;border:2px solid #e0e0e0}.accessibility-section h3{margin:0 0 20px;color:#1a2332;font-size:1.2rem;display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:2px solid #0052cc}.control-group{margin-bottom:20px}.control-group label{display:block;margin-bottom:10px;font-weight:600;color:#2d3e50;font-size:1rem}.button-group{display:flex;gap:10px;flex-wrap:wrap}.button-group button{flex:1;min-width:100px;padding:12px 20px;background:#fff;border:2px solid #d0d0d0;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500}.button-group button:hover{background:#f0f0f0;border-color:#0052cc}.button-group button.active{background:#0052cc;color:#fff;border-color:#0052cc}.toggle-btn{width:100%;padding:15px;background:#fff;border:2px solid #d0d0d0;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:10px}.toggle-btn:hover{background:#f0f0f0;border-color:#0052cc}.toggle-btn.active{background:#0052cc;color:#fff;border-color:#0052cc}.toggle-btn.active:hover{background:#0080ff}.select-control{width:100%;padding:12px;background:#fff;border:2px solid #d0d0d0;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.select-control:hover,.select-control:focus{border-color:#0052cc;outline:none;box-shadow:0 0 0 3px #0052cc33}.range-control{width:100%;height:8px;background:#e0e0e0;border-radius:4px;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;margin-top:10px}.range-control::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:#0052cc;border-radius:50%;cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #0052cc66;transition:all .3s ease}.range-control::-webkit-slider-thumb:hover{transform:scale(1.2);background:#0080ff}.range-control::-moz-range-thumb{width:24px;height:24px;background:#0052cc;border-radius:50%;cursor:pointer;border:3px solid white;box-shadow:0 2px 6px #0052cc66;transition:all .3s ease}.range-control::-moz-range-thumb:hover{transform:scale(1.2);background:#0080ff}.accessibility-actions{margin-top:30px;padding:20px;background:#f0f7ff;border-radius:12px;border:2px solid #0052cc}.reset-btn{width:100%;padding:15px;background:linear-gradient(135deg,#005c97,#363795);color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.reset-btn:hover{background:linear-gradient(135deg,#0481cf,#4c4ed1);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b4d}.shortcuts-info{background:#fff;padding:15px;border-radius:8px;border:1px solid #e0e0e0}.shortcuts-info h4{margin:0 0 10px;color:#1a2332;font-size:1rem}.shortcuts-info ul{list-style:none;padding:0;margin:0}.shortcuts-info li{padding:5px 0;color:#4a5f7a;font-size:.9rem}.shortcuts-info kbd{background:#f0f0f0;border:1px solid #d0d0d0;border-radius:4px;padding:2px 6px;font-family:monospace;font-weight:600;color:#1a2332;box-shadow:0 2px #d0d0d0}.high-contrast,.high-contrast body{--blue-night: #000 !important;--blue-fog: #fff !important;--blue-ocean: #ffd600 !important;--blue-stone: #000 !important;--blue-ice: #fff !important;background:#000!important;color:#fff!important}.high-contrast button,.high-contrast input,.high-contrast select,.high-contrast .navbar,.high-contrast .footer{background:#000!important;color:#ffd600!important;border-color:#ffd600!important}.high-contrast a{color:#ffd600!important}.high-contrast .active,.high-contrast [aria-current=page]{background:#ffd600!important;color:#000!important}@font-face{font-family:OpenDyslexic;src:url(/fonts/OpenDyslexic-Regular.otf) format("opentype");font-display:swap}.dyslexia-mode,.dyslexia-mode body{font-family:OpenDyslexic,Arial,sans-serif!important}.large-cursor,.large-cursor *{cursor:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="60" height="84" viewBox="0 0 24 24"><path fill="%23FFF" stroke="%23000" stroke-width="1.5" stroke-linejoin="round" d="M18 14.88 8.16 3.15c-.26-.31-.76-.12-.76.28v15.31c0 .36.42.56.7.33l3.1-2.6 1.55 4.25c.08.22.33.34.55.26l1.61-.59a.43.43 0 0 0 .26-.55l-1.55-4.25h4.05c.36 0 .56-.42.33-.7Z"></path></svg>'),pointer!important}.reduce-motion *,.reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.colorblind-protanopia,.colorblind-protanopia body{filter:grayscale(.3) contrast(1.2)}.colorblind-deuteranopia,.colorblind-deuteranopia body{filter:grayscale(.2) sepia(.6) contrast(1.1)}.colorblind-tritanopia,.colorblind-tritanopia body{filter:grayscale(.15) sepia(.8) contrast(1.1)}.colorblind-monochrome,.colorblind-monochrome body{filter:grayscale(1)!important}body :focus-visible{outline:3px solid #ffd600!important;outline-offset:2px}@media (max-width: 768px){.accessibility-toggle{width:50px;height:50px;bottom:15px;right:15px}.accessibility-menu{width:95%;max-height:95vh;border-radius:15px}.accessibility-header{padding:15px}.accessibility-header h2{font-size:1.2rem}.accessibility-content{padding:15px}.accessibility-section{padding:15px;margin-bottom:20px}.button-group{flex-direction:column}.button-group button{width:100%}}@media (max-width: 480px){.accessibility-toggle{width:45px;height:45px}.accessibility-menu{width:100%;height:100%;max-height:100vh;border-radius:0;top:0;left:0;transform:none}.accessibility-content{padding:10px;max-height:calc(100vh - 70px)}.accessibility-section{padding:12px}.shortcuts-info{font-size:.85rem}}body.high-contrast .accessibility-menu{background:#000!important;border:3px solid #ffffff!important}body.high-contrast .accessibility-header{background:#000!important;border-bottom:3px solid #ffffff!important}body.high-contrast .accessibility-section{background:#1a1a1a!important;border:2px solid #ffffff!important}body.high-contrast .toggle-btn.active{background:#00d4ff!important;color:#000!important;border-color:#00d4ff!important}body.high-contrast .button-group button.active{background:#00d4ff!important;color:#000!important}body.dyslexia-mode .accessibility-menu{font-family:OpenDyslexic,Comic Sans MS,sans-serif!important}body.dyslexia-mode .accessibility-menu *{letter-spacing:.12em!important;word-spacing:.25em!important;line-height:1.8!important}.accessibility-menu button:focus-visible,.accessibility-menu select:focus-visible,.accessibility-menu input:focus-visible{outline:4px solid #ffd700!important;outline-offset:2px!important;box-shadow:0 0 0 6px #ffd7004d!important}.toggle-btn[aria-pressed=true]:after{content:" ✓";margin-left:5px;font-weight:700;color:inherit}.toggle-btn,.button-group button{position:relative;overflow:hidden}.toggle-btn:before,.button-group button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.toggle-btn:active:before,.button-group button:active:before{width:300px;height:300px}@media print{.accessibility-toggle,.accessibility-menu,.active-modes{display:none!important}}