:root{--primary-blue: #3b82f6;--light-blue: #60a5fa;--lighter-blue: #93c5fd;--pale-blue: #dbeafe;--extra-pale-blue: #eff6ff;--white: #ffffff;--text-dark: #1e293b;--text-gray: #64748b;--border-color: #e2e8f0;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text-dark);background:linear-gradient(135deg,var(--extra-pale-blue) 0%,var(--white) 100%);min-height:100vh}.navbar{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--light-blue) 100%)!important}.btn{border-radius:12px;font-weight:600;transition:all .3s ease;border:none;box-shadow:var(--shadow-sm)}.btn-primary{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--light-blue) 100%);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,var(--light-blue) 0%,var(--lighter-blue) 100%);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline-light{border:2px solid rgba(255,255,255,.8);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline-light:hover{background:#fffffff2;color:var(--primary-blue);transform:translateY(-2px)}.btn-lg{padding:1rem 2rem;font-size:1.1rem;border-radius:14px}.card{border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);background:var(--white);transition:all .3s ease;overflow:hidden}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-body{padding:2rem}.bg-light{background:linear-gradient(135deg,var(--extra-pale-blue) 0%,var(--pale-blue) 100%)!important}section{position:relative}.display-5{font-weight:800;letter-spacing:-1px;color:var(--text-dark);line-height:1.2}.lead{color:var(--text-gray);font-size:1.15rem;line-height:1.7}.list-unstyled li{padding:.75rem 0;border-bottom:1px solid var(--border-color);transition:all .2s ease}.list-unstyled li:last-child{border-bottom:none}.list-unstyled li:hover{padding-left:.5rem;background:var(--extra-pale-blue);border-radius:8px}.bi{transition:transform .2s ease}.list-unstyled li:hover .bi{transform:scale(1.2)}.border{border-color:var(--border-color)!important}.rounded-3{border-radius:16px!important}footer{background:var(--white);border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}footer a{color:var(--text-gray);transition:all .2s ease}footer a:hover{color:var(--primary-blue);transform:translate(4px)}.progress{background-color:var(--pale-blue);border-radius:10px;height:12px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,var(--primary-blue) 0%,var(--light-blue) 100%);border-radius:10px;transition:width .6s ease}.alert{border-radius:12px;border:none;box-shadow:var(--shadow-sm)}.alert-info{background:linear-gradient(135deg,var(--extra-pale-blue) 0%,var(--pale-blue) 100%);color:var(--text-dark)}.quiz-answer-button{background:var(--white);border:2px solid var(--border-color);border-radius:12px;transition:all .3s ease;box-shadow:var(--shadow-sm)}.quiz-answer-button:hover{background:linear-gradient(135deg,var(--extra-pale-blue) 0%,var(--pale-blue) 100%);border-color:var(--primary-blue);box-shadow:var(--shadow-md)}.bg-white{background:var(--white)!important;box-shadow:var(--shadow-sm)}*:focus-visible{outline:3px solid var(--primary-blue);outline-offset:2px;border-radius:8px}.btn:focus-visible{outline:3px solid var(--primary-blue);outline-offset:3px;box-shadow:0 0 0 .25rem #3b82f640}.quiz-answer-button:focus-visible{outline:3px solid var(--primary-blue);outline-offset:2px;background:linear-gradient(135deg,var(--extra-pale-blue) 0%,var(--pale-blue) 100%);border-color:var(--primary-blue);transform:translate(4px);transition:all .2s ease}a:focus-visible{outline:3px solid var(--primary-blue);outline-offset:2px;border-radius:8px}.skip-link{position:absolute;top:-100px;left:0;z-index:9999;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--light-blue) 100%);color:#fff;text-decoration:none;border-radius:0 0 12px;font-weight:600;transition:top .2s ease;box-shadow:var(--shadow-lg)}.skip-link:focus{top:0;outline:3px solid #fff;outline-offset:-3px}.text-muted{color:var(--text-gray)!important}[aria-hidden=true]{pointer-events:none}@media(prefers-contrast:high){.btn-outline-primary{border-width:2px}*:focus-visible{outline-width:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.quiz-answer-button:hover,.quiz-answer-button:focus-visible{transform:none;transition:none}}@media(max-width:767px){.btn{min-height:44px;padding:.75rem 1.25rem}.btn-lg{min-height:48px;padding:1rem 1.5rem;font-size:1rem}.quiz-answer-button{min-height:56px;padding:1rem 1.25rem!important;font-size:1rem}.card-body{padding:1.25rem!important}.h3,h3{font-size:1.5rem}.h4,h4{font-size:1.25rem}.h5,h5,.navbar-brand{font-size:1.1rem}footer .container{text-align:center}.bi{flex-shrink:0}body{font-size:1rem;line-height:1.6}.progress{height:10px!important}.alert{padding:1rem;font-size:.95rem}.list-group-item{padding:.875rem 0}}@media(max-width:479px){.container{padding-left:1rem;padding-right:1rem}.btn-lg{font-size:.95rem}.fs-1{font-size:2.5rem!important}.fs-4{font-size:1.25rem!important}.card-body>div[role=status]{padding:.875rem!important}}@media(min-width:768px)and (max-width:1023px){.btn{min-height:42px}.btn-lg{min-height:46px}.quiz-answer-button{min-height:52px}.container{max-width:720px}.card-body{padding:2rem!important}}@media(min-width:1024px){.card-body p{max-width:65ch}.quiz-answer-button:hover{transform:translate(8px)}}@media(min-width:320px){body{overflow-x:hidden}.btn,.quiz-answer-button{white-space:normal;text-align:left}.d-flex.gap-2,.d-flex.gap-3{flex-wrap:wrap}.container{overflow-x:hidden}}@media(max-width:767px)and (orientation:landscape){.py-5{padding-top:2rem!important;padding-bottom:2rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.mb-4{margin-bottom:1.5rem!important}}@media print{.navbar,.skip-link,footer,.btn{display:none!important}.card{border:1px solid #dee2e6!important;box-shadow:none!important}body{color:#000;background:#fff}}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.5px}section{transition:all .3s ease}iframe{border-radius:16px;box-shadow:var(--shadow-md)}.spinner-border{border-width:3px}.text-primary{color:var(--primary-blue)!important}.text-warning{color:#f59e0b!important}.text-success{color:#10b981!important}.text-danger{color:#ef4444!important}.badge{border-radius:8px;padding:.5rem 1rem;font-weight:600}.container{position:relative}a,button,.btn,.card{transition:all .3s cubic-bezier(.4,0,.2,1)}.card.shadow-sm:hover{box-shadow:var(--shadow-xl)!important}.border-primary{border-color:var(--primary-blue)!important;border-width:2px!important}.btn-close{transition:all .2s ease;border-radius:50%;padding:.5rem}.btn-close:hover{background-color:#0000001a;transform:rotate(90deg)}.list-group-item{border-color:var(--border-color);transition:all .2s ease}.list-group-flush .list-group-item:hover{background:var(--extra-pale-blue)}input,textarea,select{border-radius:10px;border:2px solid var(--border-color);transition:all .2s ease}input:focus,textarea:focus,select:focus{border-color:var(--primary-blue);box-shadow:0 0 0 .25rem #3b82f61a}section.bg-light:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(59,130,246,.05) 1px,transparent 0);background-size:40px 40px;pointer-events:none;z-index:0}section.bg-light>*{position:relative;z-index:1}.navbar.shadow-sm{box-shadow:0 2px 8px #3b82f626!important}@keyframes pulse-subtle{0%,to{opacity:1}50%{opacity:.8}}.bi-shield-check{animation:pulse-subtle 3s ease-in-out infinite}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--extra-pale-blue)}::-webkit-scrollbar-thumb{background:var(--lighter-blue);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--light-blue)}.glass-effect{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.scroll-indicator{animation:bounce 2s ease-in-out infinite;cursor:pointer}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.scroll-indicator:hover{animation-play-state:paused;opacity:.7}@media(prefers-reduced-motion:reduce){.scroll-indicator{animation:none}}