:root{--bg:#080b10;--panel:#0d131b;--panel2:#101923;--line:#1c2934;--text:#edf4f6;--muted:#84939e;--accent:#79f2b1;--accent2:#45c9a0;--blue:#85b9ff;--font:'Manrope',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden}a{color:inherit;text-decoration:none}.ambient{position:absolute;pointer-events:none;filter:blur(110px);opacity:.12;border-radius:50%;z-index:-1}.ambient-a{width:430px;height:430px;background:#29b981;top:60px;left:-200px}.ambient-b{width:400px;height:400px;background:#3173bd;top:470px;right:-240px}.topbar{height:82px;max-width:1240px;padding:0 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c;position:relative;z-index:5}.brand{display:flex;gap:11px;align-items:center;font-size:13px;font-weight:800;letter-spacing:.08em;line-height:1.15}.brand img{display:block}.brand-accent{color:var(--accent)}.brand small{display:block;color:#74838d;font:9px var(--mono);letter-spacing:.12em;margin-top:5px}.nav-links{display:flex;gap:34px;color:#a8b6be;font-size:12px}.nav-links a:hover,.footer a:hover{color:var(--accent)}.nav-cta{font-size:12px;border:1px solid #34434d;padding:11px 15px;border-radius:4px}.nav-cta span{color:var(--accent);margin-left:12px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:23px}.hero{max-width:1184px;margin:0 auto;padding:93px 28px 74px;min-height:510px;display:grid;grid-template-columns:1fr .92fr;align-items:center;gap:42px}.eyebrow{font:10px var(--mono);letter-spacing:.16em;color:var(--accent);display:flex;align-items:center;gap:10px}.eyebrow i,.pulse,.tiny-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 15px #79f2b188}.hero h1{font-size:clamp(54px,7vw,88px);letter-spacing:-.075em;line-height:.99;margin:24px 0 20px;font-weight:800}.hero h1 span,.section-heading h2 span,.learning-copy h2 span,.contribute-section h2 span{color:var(--accent)}.hero-lead{color:#a0adb6;font-size:16px;line-height:1.8;max-width:480px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:19px;padding:14px 18px;border-radius:4px;font-size:11px;font-weight:800;transition:.2s;border:1px solid transparent;cursor:pointer}.button-primary{background:var(--accent);color:#07130d}.button-primary:hover{background:#a0ffca;transform:translateY(-2px)}.button-ghost{border-color:#34434d;color:#d7e0e4;background:#ffffff03}.button-ghost:hover{border-color:var(--accent);color:var(--accent)}.hero-meta{display:flex;gap:23px;flex-wrap:wrap;margin-top:45px;font:9px var(--mono);letter-spacing:.08em;color:#71818c}.hero-meta .pulse{margin-right:7px;width:6px;height:6px}.hero-art{height:350px;position:relative;display:grid;place-items:center;overflow:hidden}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#8af8c90a 1px,transparent 1px),linear-gradient(90deg,#8af8c90a 1px,transparent 1px);background-size:27px 27px;mask-image:radial-gradient(ellipse,black,transparent 74%)}.orbit{position:absolute;border:1px solid #70ebac40;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:300px;height:210px}.orbit-two{width:220px;height:310px;transform:rotate(53deg);border-color:#65a7d83b}.core{width:158px;height:158px;border:1px solid #79f2b17a;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#14372c 0,#0b1717 55%,#091018 100%);box-shadow:0 0 65px #35d99520,inset 0 0 35px #4be6a51a;position:relative}.core-ring{position:absolute;inset:10px;border:1px dashed #79f2b15c;border-radius:50%;animation:spin 40s linear infinite}.core-lock{font-size:46px;color:var(--accent);line-height:1}.core span{font:8px var(--mono);letter-spacing:.18em;text-align:center;color:#adc9ba;margin-top:7px}@keyframes spin{to{transform:rotate(360deg)}}.float-card{position:absolute;background:#0e171e;border:1px solid #2a3d43;padding:12px 14px;font:9px var(--mono);letter-spacing:.08em;color:#b3c1c8;box-shadow:0 10px 35px #0008}.float-card b{color:var(--accent);font-weight:400;margin-left:12px}.card-top{top:42px;right:0}.card-top .tiny-dot{margin-right:8px;width:5px;height:5px}.card-bottom{bottom:43px;left:0}.card-bottom span{color:var(--accent);margin-right:10px}.art-coordinate{position:absolute;bottom:8px;right:14px;font:8px var(--mono);color:#566570;letter-spacing:.12em}.stats-strip{max-width:1128px;margin:0 auto 35px;padding:23px 28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.stats-strip div{display:flex;align-items:center;gap:14px;border-right:1px solid var(--line);padding-left:32px}.stats-strip div:first-child{padding-left:0}.stats-strip div:last-child{border:0}.stats-strip strong{font-size:24px;letter-spacing:-.06em}.stats-strip span{font:9px var(--mono);letter-spacing:.13em;color:var(--muted)}.section{max-width:1128px;padding:76px 28px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-heading h2{font-size:clamp(35px,4.2vw,51px);letter-spacing:-.065em;line-height:1.08;margin:15px 0 0}.section-heading>p{max-width:350px;color:var(--muted);font-size:12px;line-height:1.9;margin:0 0 4px}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.searchbox{height:48px;display:flex;align-items:center;gap:10px;background:#0d141b;border:1px solid #26353e;border-radius:4px;padding:0 13px;flex:1;min-width:230px}.searchbox>span{font-size:24px;color:var(--accent)}.searchbox input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:var(--text);font:11px var(--font)}.searchbox input::placeholder{color:#677681}.searchbox kbd{border:1px solid #35434c;border-radius:3px;color:#788791;font:10px var(--mono);padding:3px 6px}.filters{display:flex;gap:9px}.filters select{height:48px;background:#0d141b;border:1px solid #26353e;color:#aebbc2;border-radius:4px;padding:0 30px 0 12px;font:10px var(--font);max-width:170px}.results-line{display:flex;justify-content:space-between;align-items:center;margin:22px 0 15px;color:#84939e;font:10px var(--mono)}.text-button{border:0;background:none;color:var(--accent);font:10px var(--mono);cursor:pointer}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.resource-card{min-height:185px;display:flex;flex-direction:column;padding:19px;background:linear-gradient(145deg,#101a22,#0b1118);border:1px solid #1d2b34;border-radius:5px;transition:.2s;position:relative}.resource-card:hover{border-color:#5bc9958a;transform:translateY(-3px);background:#111e25}.card-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.resource-type{font:9px var(--mono);text-transform:uppercase;color:var(--accent);letter-spacing:.08em}.resource-level{font:9px var(--mono);color:#7c8992;border:1px solid #29363e;padding:4px 6px;border-radius:3px}.resource-status{font:8px var(--mono);padding:4px 6px;border-radius:3px}.status-verified{color:#79f2b1;border:1px solid #315d49}.status-needs-review{color:#f0c77b;border:1px solid #6a5430}.status-archived{color:#8c98a0;border:1px solid #3a454c}.resource-card h3{font-size:14px;letter-spacing:-.025em;margin:0 0 9px}.resource-card p{font-size:10px;color:#91a0a9;line-height:1.7;margin:0 0 16px}.card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #1d2b34;padding-top:12px}.card-domain{font:9px var(--mono);color:#72818b}.card-open{color:var(--accent);font:11px var(--mono)}.featured-mark{color:#f4d38b;font-size:10px}.empty-state{text-align:center;padding:55px 15px;border:1px dashed #2a3943;color:#9cabb3}.empty-state>div{font-size:38px;color:var(--accent)}.empty-state h3{color:white}.empty-state p{font-size:12px}.load-more-wrap{text-align:center;margin-top:25px}.domains-section{padding-top:40px}.section-heading.compact{margin-bottom:28px}.domain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.domain-card{padding:17px;background:#0d141b;border:1px solid #1d2a34;border-radius:4px;min-height:136px;cursor:pointer;text-align:left;color:inherit;transition:.2s}.domain-card:hover{border-color:#65dda2;transform:translateY(-2px)}.domain-number{font:10px var(--mono);color:var(--accent)}.domain-card h3{font-size:12px;margin:17px 0 7px}.domain-card p{color:#7e8c95;font-size:9px;line-height:1.6;margin:0}.learning-band{max-width:1128px;margin:60px auto 80px;padding:45px 48px;background:linear-gradient(115deg,#10231f,#0e171c 60%,#111927);border:1px solid #234238;border-radius:5px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.learning-copy h2{font-size:36px;line-height:1.14;letter-spacing:-.06em;margin:17px 0}.learning-copy p,.contribute-section p{font-size:11px;line-height:1.8;color:#95a49f;max-width:400px;margin-bottom:23px}.path-list>a{display:flex;gap:17px;align-items:center;padding:15px 0;border-bottom:1px solid #ffffff15}.path-list>a>span{font:11px var(--mono);color:var(--accent)}.path-list b{font-size:11px;display:block}.path-list small{font-size:9px;color:#83948f;display:block;margin-top:5px}.path-list i{font-style:normal;margin-left:auto;color:var(--accent)}.contribute-section{max-width:1128px;margin:0 auto 70px;padding:30px 28px;display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contribute-icon{width:45px;height:45px;border:1px solid #38634e;color:var(--accent);display:grid;place-items:center;font-size:23px;flex:none}.contribute-section h2{font-size:20px;letter-spacing:-.04em;margin:8px 0}.contribute-section p{margin:0}.contribute-section>.button{margin-left:auto;white-space:nowrap}.footer{max-width:1128px;margin:auto;padding:35px 28px 25px;display:flex;align-items:center;gap:24px;color:#71808b}.footer p{font-size:10px}.footer>div{display:flex;gap:20px;margin-left:auto;font-size:10px}.footer .copyright{font:9px var(--mono);color:#53616a}.footer-brand{color:white}.footer-brand small{font-size:8px}.noscript{padding:20px;color:#ffd48a}@media(max-width:850px){.nav-links{gap:17px}.hero{grid-template-columns:1fr .8fr;gap:10px}.hero-art{transform:scale(.9)}.resource-grid{grid-template-columns:repeat(2,1fr)}.domain-grid{grid-template-columns:repeat(3,1fr)}.filters{width:100%}.filters select{flex:1;max-width:none}.stats-strip div{padding-left:15px;gap:8px}.stats-strip strong{font-size:20px}.stats-strip span{font-size:8px}}@media(max-width:620px){.topbar{height:70px;padding:0 18px}.nav-links{display:none;position:absolute;top:69px;left:0;right:0;background:#0a1118;padding:22px;flex-direction:column;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.nav-cta{display:none}.menu-toggle{display:block}.hero{padding:65px 22px 45px;display:block}.hero h1{font-size:62px}.hero-lead{font-size:14px}.hero-art{height:260px;margin-top:28px;transform:none}.core{width:130px;height:130px}.orbit-one{width:240px;height:170px}.orbit-two{width:180px;height:260px}.float-card{font-size:8px;padding:9px}.card-top{top:20px}.card-bottom{bottom:22px}.hero-meta{gap:13px;font-size:8px;margin-top:28px}.stats-strip{margin:0 18px 15px;padding:18px 0;grid-template-columns:repeat(2,1fr);gap:17px}.stats-strip div{padding:0 0 0 13px;border:0}.stats-strip div:nth-child(odd){padding-left:0}.section{padding:55px 18px}.section-heading{display:block}.section-heading>p{margin-top:15px}.section-heading h2{font-size:39px}.toolbar{display:block}.searchbox{width:100%}.filters{margin-top:9px;display:grid;grid-template-columns:1fr 1fr}.filters select{width:100%}.filters select:first-child{grid-column:span 2}.resource-grid{grid-template-columns:1fr}.resource-card{min-height:160px}.domain-grid{grid-template-columns:repeat(2,1fr)}.domain-card{min-height:130px;padding:13px}.learning-band{margin:25px 18px 55px;padding:28px 22px;grid-template-columns:1fr;gap:25px}.learning-copy h2{font-size:31px}.contribute-section{margin:0 18px 45px;padding:24px 0;flex-wrap:wrap}.contribute-section>div:nth-child(2){flex:1;min-width:200px}.contribute-section>.button{margin:0 0 0 67px}.footer{padding:28px 18px;display:grid;grid-template-columns:1fr auto;gap:15px}.footer p{grid-column:span 2;margin:0}.footer>div{margin:0;grid-column:span 2}.footer .copyright{grid-column:span 2}}

/* Accessibility and interaction refinements */
.skip-link{position:absolute;left:12px;top:-60px;z-index:20;padding:10px 14px;background:var(--accent);color:#07130d;border-radius:4px;font-size:12px;font-weight:800}
.skip-link:focus{top:12px}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.toolbar-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:19px}
.toolbar-bottom .results-line{flex:1;margin:0}
.sort-control{display:flex;align-items:center;gap:9px;color:var(--muted);font:10px var(--mono);white-space:nowrap}
.sort-control select{height:36px;max-width:190px;padding:0 10px;background:#0d141b;border:1px solid #26353e;border-radius:4px;color:#c4d0d5;font:10px var(--font)}
.domain-count{display:block;margin-top:12px;color:var(--accent);font:9px var(--mono)}
.catalog-note{margin:18px 0 0;color:#778791;font:10px var(--mono);line-height:1.7}
.load-error{grid-column:1/-1;padding:24px;border:1px solid #654b34;background:#1b1510;color:#f0d0a1;font-size:12px;line-height:1.7}
.load-error p{margin-bottom:0;color:#c5a984}
.card-unavailable{color:#7d8990}
@media(max-width:850px){.toolbar-bottom{align-items:flex-start;flex-direction:column}.sort-control{width:100%;justify-content:flex-end}}
@media(max-width:620px){.toolbar-bottom{gap:13px}.toolbar-bottom .results-line{width:100%}.sort-control{justify-content:space-between}.sort-control select{flex:1;max-width:220px}.filters{grid-template-columns:1fr 1fr}.filters select{min-width:0}.filters select:first-child{grid-column:span 2}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
\n.error-page{max-width:900px;margin:0 auto;padding:18vh 28px}.error-page h1{font-size:clamp(42px,7vw,76px);letter-spacing:-.07em}.error-page h1 span{color:var(--accent)}.error-page p{color:var(--muted);margin:0 0 28px}\n