:root{--bg:#08090b;--panel:#111317;--line:#292d33;--text:#f1f2f4;--muted:#a7abb2;--accent:#f1f1f1;--good:#62d2a2}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;color:var(--text);background:#0d0f12;border:1px solid var(--line);border-radius:12px;padding:12px 16px;transition:.18s ease}button:hover{border-color:#747b85;transform:translateY(-1px)}.primary{background:var(--accent);color:#101114;font-weight:800}.wide{width:100%}.link{border:0;background:none;padding:0;color:#d9dde3;text-decoration:underline}.hidden{display:none!important}
header{position:sticky;top:0;z-index:20;background:rgba(8,9,11,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:14px max(18px,calc((100vw - 1180px)/2));backdrop-filter:blur(14px)}.brand{border:0;padding:0;background:transparent;display:flex;align-items:center;gap:10px;font-weight:800;white-space:nowrap}.brand:hover{transform:none}.brand img{width:42px;height:42px;border-radius:50%;object-fit:cover}.brand b{color:#b7bac0}nav{display:flex;gap:4px;flex:1;min-width:0}nav button{border:0;background:transparent;padding:9px 10px;color:var(--muted);white-space:nowrap}.headerActions,#authArea{display:flex;gap:8px;align-items:center}.discordBtn,.discordLarge{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--line);color:var(--text);border-radius:12px;padding:11px 14px;font-weight:700;background:#0d0f12}.discordBtn:hover{border-color:#747b85}.discordLarge{border:0}
main{max-width:1180px;margin:auto;padding:34px 22px 80px}.view{display:none}.view.active{display:block}
.hero{position:relative;isolation:isolate;min-height:620px;display:grid;place-items:center;overflow:hidden;border:1px solid #11151a;background:#07080a}.heroBackdrop{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,rgba(8,9,11,.82),rgba(8,9,11,.45),rgba(8,9,11,.82)),url('https://aa9c2d02.secur1ty.pages.dev/assets/banner.png');background-repeat:no-repeat;background-position:center;background-size:min(96%,1200px) auto;filter:grayscale(1) brightness(.62);opacity:.92}.hero:after{content:"";position:absolute;inset:auto 0 0;height:38%;z-index:-1;background:linear-gradient(transparent,var(--bg))}.heroContent{text-align:center;max-width:920px;padding:80px 24px 110px}.eyebrow{letter-spacing:.25em;color:#9da2aa;font-size:.78rem;font-weight:800}.hero h1{font-size:clamp(3.6rem,9vw,7.6rem);line-height:.86;margin:16px 0 28px;letter-spacing:-.075em;text-shadow:0 3px 30px #000}.hero p{max-width:780px;margin:0 auto 30px;color:#b6bac0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.7;text-shadow:0 2px 12px #000}.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.homeGrid,.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.homeGrid article,.card,.listCard,.progressCard,.profileCard,.discordCallout{background:linear-gradient(145deg,#14171c,#0e1013);border:1px solid var(--line);border-radius:20px;padding:22px}.homeGrid p,.card p{color:var(--muted);line-height:1.55}.monoIcon{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;letter-spacing:.14em;color:#d9dde3;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:14px}.discordCallout{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}.discordCallout h2{margin:7px 0}.discordCallout p{color:var(--muted);margin:0}.pageHead{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:12px 0 24px}.pageHead h2{margin:6px 0;font-size:2.2rem}.pageHead p{color:var(--muted)}.pageHead input{max-width:340px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.chip.active{background:#eee;color:#111}.card{display:flex;flex-direction:column;gap:12px}.card h3{margin:0}.meta{color:var(--muted);font-size:.9rem}.tag{display:inline-block;border:1px solid var(--line);padding:5px 9px;border-radius:999px;font-size:.75rem;color:#c8ccd2}.bar{height:10px;background:#24272c;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:#eceef0;border-radius:99px}.back{margin-bottom:20px}.lesson{padding:16px;border:1px solid var(--line);border-radius:14px;margin:10px 0;background:#101216}.lesson.done{border-color:var(--good)}.courseHero{max-width:850px}.courseHero h2{font-size:2.6rem}.quiz{margin-top:20px;padding:22px;border:1px solid var(--line);border-radius:18px}.option{display:block;width:100%;text-align:left;margin:8px 0}.option.correct{border-color:var(--good)}.option.wrong{border-color:#e47c7c}.modal{position:fixed;inset:0;background:#000b;z-index:40;display:grid;place-items:center;padding:20px}.modalBox{width:min(430px,100%);background:#15171b;border:1px solid var(--line);border-radius:20px;padding:25px;position:relative}.modalBox input{margin:7px 0}.close{position:absolute;right:14px;top:12px;border:0;font-size:1.7rem}.profileTop{display:flex;gap:20px;align-items:center}.avatar{width:92px;height:92px;border-radius:50%;border:1px solid var(--line);object-fit:cover;background:#20242a}.initial{display:grid;place-items:center;font-size:2rem;font-weight:800}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.formGrid textarea{grid-column:1/-1;min-height:100px}.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.badge{padding:14px;border:1px solid var(--line);border-radius:14px;min-width:120px}.badge.locked{opacity:.35}.rank{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--line)}.rank:last-child{border:0}.rank img{width:42px;height:42px;border-radius:50%;object-fit:cover}.rank .score{margin-left:auto;color:var(--muted)}#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:50;background:#eff1f2;color:#101114;padding:13px 18px;border-radius:12px;display:none;max-width:90%;box-shadow:0 10px 30px #0008}#toast.error{background:#6e2525;color:#fff}.twoCols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.empty{color:var(--muted);padding:25px;text-align:center}footer{border-top:1px solid var(--line);padding:24px max(18px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;color:var(--muted);font-size:.9rem}footer a{color:var(--text);text-decoration:none}
@media(max-width:900px){header{padding:12px 14px;gap:10px;flex-wrap:wrap}.brand{font-size:.9rem}.headerActions{margin-left:auto}nav{order:3;width:100%;overflow-x:auto;padding-bottom:2px;-webkit-overflow-scrolling:touch}.hero{min-height:560px}.homeGrid,.cards{grid-template-columns:1fr 1fr}.pageHead{align-items:stretch;flex-direction:column}.pageHead input{max-width:none}.twoCols{grid-template-columns:1fr}.heroContent{padding:70px 18px 90px}.heroBackdrop{background-size:auto min(72vw,500px)}}
@media(max-width:620px){body{overflow-x:hidden}main{padding:18px 14px 60px}.brand span{font-size:.86rem}.brand img{width:36px;height:36px}.discordBtn{padding:9px 10px;font-size:.82rem}#authBtn{padding:9px 12px;font-size:.85rem}nav button{font-size:.82rem;padding:9px 10px}.hero{min-height:calc(100svh - 160px);min-height:520px}.heroContent{padding:58px 12px 70px}.hero h1{font-size:clamp(3.5rem,18vw,5.5rem);margin:14px 0 24px}.hero p{font-size:1rem;line-height:1.65}.heroBackdrop{background-size:auto 68%;background-position:center 46%;opacity:.82}.row{width:100%}.row button{flex:1;min-width:145px}.homeGrid,.cards{grid-template-columns:1fr}.discordCallout{align-items:stretch;flex-direction:column}.discordLarge{width:100%}.pageHead h2{font-size:1.8rem}.profileTop{align-items:flex-start}.formGrid{grid-template-columns:1fr}.rank{gap:8px;padding:12px 4px}.rank .score{font-size:.82rem}footer{padding:22px 16px}.modal{align-items:end;padding:10px}.modalBox{border-radius:20px 20px 14px 14px}.courseHero h2{font-size:2rem}}