/* Shared navigation and surfaces; activity boards keep their own contrast. */
body{background-color:#0c0e20;background-image:radial-gradient(ellipse at 90% 5%,#65539a50,transparent 44%),radial-gradient(ellipse at 0 85%,#28798730,transparent 40%),radial-gradient(1px 1px at 25px 50px,#ffffff60 95%,transparent);background-size:auto,auto,180px 180px;background-attachment:fixed;font-family:"Segoe UI",Arial,sans-serif}
.brand-image{width:46px;height:46px;object-fit:contain;border-radius:13px;flex-shrink:0}
.page-header{background:#111329d9;border-color:#ffffff18;backdrop-filter:blur(16px)}
.page-container{width:min(1180px,calc(100% - 40px))}
.page-nav{gap:28px;flex-wrap:wrap}.page-brand{color:#f7f5ff;font-size:21px;white-space:nowrap;letter-spacing:-.7px}
.page-nav nav{gap:8px;flex-wrap:wrap;font-size:12px;color:#c2c1da}.page-nav nav a{padding:10px 12px;border-radius:12px}.page-nav nav a:hover,.page-nav nav a.active{background:#c4b5fd;color:#211736}
.page-hero{padding:55px 0 32px;color:#f7f5ff}.page-kicker{font-size:11px;color:#b9a5f3;letter-spacing:.16em}.page-hero h1{font-size:clamp(32px,5vw,48px);letter-spacing:-1.5px}.page-hero p{font-size:15px;color:#b7bbd2;max-width:760px}
.panel,.news-card,.lesson-page-card,.resource-page-card{border-radius:23px;border-color:#ffffff24;box-shadow:0 15px 38px #0002}
.panel{padding:28px;background:#f8f8ff}.panel h2{font-size:23px}.prose{font-size:16px;line-height:1.9}.prose h2{font-size:24px}.form-grid label,.lesson-filters label{font-size:13px;gap:9px}.form-grid{gap:18px}.primary,.secondary,.danger{font-size:14px;border-radius:12px;padding:12px 18px}.message{font-size:14px}
.lesson-page-card,.resource-page-card,.news-card{background:linear-gradient(145deg,#272640,#182237);color:#f4f3ff;padding:25px}
.lesson-page-card.locked,.resource-page-card.locked{background:linear-gradient(145deg,#302749,#202238);border-color:#8d77bb}
.lesson-page-card span,.resource-page-card span,.news-card span{color:#c8b9f4;font-size:11px}.lesson-page-card h2,.resource-page-card h2,.news-card h2{font-size:20px;line-height:1.45}.lesson-page-card p,.resource-page-card p,.news-card p{color:#bfc3d9;font-size:14px;line-height:1.8}.resource-page-card small{font-size:12px;color:#adafc9}.lesson-page-card button,.resource-page-card button{font-size:14px;color:#d4c6ff;padding:10px 0}.page-empty{color:#c5c4d9;border-color:#ffffff30}.page-footer{color:#b3b6cd;border-color:#ffffff18;font-size:13px;line-height:1.8}
.modal{color:#172236;background:#fafaff;border-radius:24px;box-shadow:0 30px 90px #0007}.modal::backdrop{background:#060819bc;backdrop-filter:blur(7px)}.modal-head{background:#eeeeff;border-color:#ddd8f1}.modal-head .page-kicker{color:#6254a2}.modal-head button{cursor:pointer;padding:8px 14px;border-radius:10px}.modal-body{font-size:16px;line-height:1.8}.test-page-question{padding:20px;border-radius:17px}.question-title{font-size:16px}.test-page-options label{font-size:15px;padding:13px;display:flex;gap:10px;align-items:center;cursor:pointer}.test-page-options label:has(input:checked){border-color:#7561c8;background:#f0ebff}.test-page-options input{accent-color:#7660bd}.result-score span{font-size:13px}
.game-choice{background:linear-gradient(145deg,#282641,#172438);border-color:#ffffff25;color:#f6f4ff;border-radius:22px}.game-choice strong{color:#f6f4ff}.game-choice span,.game-choice small{color:#c5bfdc}.game-choice.active,.game-choice:hover{border-color:#c4b5fd;background:linear-gradient(145deg,#51407c,#253751)}
.game-list-card{border-radius:24px}.sudoku-card{border-radius:24px}.game-list-card p,.game-list-card li{font-size:13px}.difficulty-picker{font-size:12px}.sudoku-status span{font-size:11px}
.ad-slot{border-color:#ffffff20;background:#ffffff06;color:#bcb5d1}.cookie-consent{color:#172236}.cookie-consent p,.cookie-actions button{font-size:13px}
.logo{display:flex;align-items:center;gap:12px;font-size:25px;letter-spacing:-.8px}.mast-note{margin-left:auto}.site-foot{font-size:12px}.screen .device-status{font-size:10px}
.auth-card{border-radius:25px;box-shadow:0 25px 80px #0005}.auth-brand .brand-image,.admin-brand .brand-image{width:44px;height:44px}.sidebar{background:linear-gradient(165deg,#24213f,#111a2d)}.admin-brand,.sidebar .nav-item{color:#d5d3e8}.sidebar .nav-item.active{background:#c4b5fd;color:#211736}.admin-main{background:#f4f3fa;min-height:100vh}.admin-topbar{background:#f9f8ff}.auth-card input:focus{outline:2px solid #a28bdb}
.info-grid strong{font-size:15px}.info-grid span{font-size:14px}.modal-head{align-items:flex-start;gap:12px}.modal-head button{width:40px;height:40px;flex:0 0 40px;padding:0}.modal-head h2{font-size:24px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ac91eb;outline-offset:3px}
@media(max-width:720px){.page-container{width:calc(100% - 28px)}.page-nav{gap:17px}.page-nav nav{margin:0;width:100%;gap:4px}.page-nav nav a{padding:9px;font-size:12px}.page-hero{padding-top:32px}.page-hero p{font-size:14px}.lesson-page-grid,.resource-page-grid{grid-template-columns:1fr}.panel{padding:20px}.logo{font-size:22px}.brand-image{width:40px;height:40px}.modal-body{padding:19px}.test-page-form{padding:14px}.cookie-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}