/* Stage 1: dark aurora identity. Scope prevents changes to tutorial reading pages. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
.homepage{--ink:#eef2ff;--paper:#070b17;--muted:#b2bed4;--line:rgba(255,255,255,.15);--blue:#a5b4fc;--mint:#67e8f9;--font:Inter,system-ui,sans-serif;--heading:"Space Grotesk",system-ui,sans-serif;background:radial-gradient(ellipse at 10% 6%,#4f46e530,transparent 38%),radial-gradient(ellipse at 88% 13%,#06b6d41a,transparent 33%),radial-gradient(ellipse at 65% 38%,#7c3aed16,transparent 38%),#070b17;color:var(--ink);font-family:var(--font);isolation:isolate}
.homepage h1,.homepage h2,.homepage h3{font-family:var(--heading)}.homepage h2{line-height:1.15}.homepage p{line-height:1.75}.homepage .shell{width:min(1184px,calc(100% - 36px))}.homepage section{scroll-margin-top:110px}.homepage .eyebrow{color:#a5b4fc;font:500 13px "JetBrains Mono",monospace;letter-spacing:.08em}
/* Sticky frosted navigation; opaque dropdown surfaces keep links legible. */
.homepage .site-head{background:#0b1120b8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:var(--line)}.homepage .wordmark{font-family:var(--heading)}.homepage .nav-group>summary:hover,.homepage .nav-group[open]>summary{background:#818cf81f;color:#c4b5fd}.homepage .nav-panel{background:#121b30f5;border-color:var(--line);backdrop-filter:blur(16px)}.homepage .nav-panel a{color:#e5eaff}.homepage .nav-panel a:hover{background:#818cf826;color:#a5f3fc}.homepage .nav-start{color:#a5b4fc;border-color:#818cf866}.homepage .global-nav>a:hover{background:#818cf81f;color:white}.homepage a:focus-visible,.homepage button:focus-visible,.homepage summary:focus-visible{outline:3px solid #67e8f9;outline-offset:5px}
/* Mobile-first hero: real navigation and a non-deploying command preview. */
.aurora-hero{position:relative;padding:58px 0 48px;display:grid;gap:42px;align-items:center}.hero-text,.hero-terminal{position:relative;z-index:1;min-width:0}.aurora-hero h1{font-size:clamp(2.65rem,6vw,4.75rem);line-height:1.06;letter-spacing:-.055em;margin:20px 0 22px;max-width:740px}.aurora-hero h1 span{background:linear-gradient(110deg,#a5b4fc,#c4b5fd 55%,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}.aurora-hero .hero-copy{font-size:17px;max-width:590px;color:#b2bed4;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.glow-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid #a5b4fc80;border-radius:12px;background:linear-gradient(115deg,#6366f1,#7c3aed);color:white;text-decoration:none;font-weight:600;font-size:15px;box-shadow:0 8px 30px #6366f12b;transition:box-shadow .2s,transform .2s}.glow-button:hover{box-shadow:0 8px 36px #818cf855;transform:translateY(-2px)}.glow-button.secondary{background:#ffffff08;border-color:var(--line);box-shadow:none}.hero-proof{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:24px;font-size:13px;color:#aebbd2}.hero-proof span{border-left:2px solid #67e8f9;padding-left:9px}
/* Non-representational gradient orbs; motion respects reduced-motion preference. */
.gradient-orb{position:absolute;width:280px;height:280px;left:-65px;top:40px;border-radius:50%;background:#6366f131;filter:blur(65px);pointer-events:none;z-index:0}.gradient-orb.two{left:auto;right:5%;top:180px;background:#06b6d426;width:240px;height:240px}.hero-terminal{border:1px solid #818cf855;border-radius:20px;background:#0c1422dd;box-shadow:0 20px 70px #0005;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.terminal-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid var(--line);font:12px "JetBrains Mono",monospace;color:#a8b5cc}.terminal-dots{display:flex;gap:6px}.terminal-dots i{width:8px;height:8px;border-radius:50%;background:#f87171}.terminal-dots i:nth-child(2){background:#fbbf24}.terminal-dots i:nth-child(3){background:#34d399}.terminal-content{padding:24px}.terminal-label{font:13px "JetBrains Mono",monospace;color:#67e8f9;margin:0 0 18px}.homepage pre{font:14px/1.8 "JetBrains Mono",monospace;overflow:auto;white-space:pre;margin:0;color:#dce5ff;background:none;padding:0}.code-comment{color:#9aa9c3}.code-command{color:#c4b5fd}.terminal-note{border-top:1px solid var(--line);margin-top:22px;padding-top:16px;color:#aebbd2;font-size:13px}.float-note{border:1px solid #67e8f947;background:#122238de;border-radius:12px;padding:14px 18px;backdrop-filter:blur(16px);max-width:250px;margin:0 18px 18px auto}.float-note small{font:12px "JetBrains Mono",monospace;color:#67e8f9}.float-note strong{display:block;font-size:16px;margin-top:4px}.float-note a{color:#d4e9ff;font-size:13px}
/* Platform comparison cards show estimates, not promised completion times. */
.platform-section{padding:38px 0 58px}.dark-section-head{display:grid;gap:16px;margin-bottom:28px}.dark-section-head h2{font-size:clamp(30px,4vw,42px);margin:12px 0 0}.dark-section-head p{color:var(--muted);margin:0;max-width:440px}.platform-grid{display:grid;gap:14px}.platform-tile{display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#ffffff0c,#ffffff03);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:border-color .2s,transform .2s,box-shadow .2s}.platform-tile:hover{transform:translateY(-4px);border-color:#818cf870;box-shadow:0 12px 32px #6366f118}.platform-symbol{font:600 14px "JetBrains Mono",monospace;color:var(--platform);background:color-mix(in srgb,var(--platform) 12%,transparent);padding:10px 12px;border:1px solid color-mix(in srgb,var(--platform) 25%,transparent);border-radius:10px;align-self:start}.platform-tile h3{font-size:23px;margin:22px 0 10px}.platform-tile p{color:#b2bed4;font-size:15px;margin-bottom:20px}.platform-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.platform-meta span{font-size:12px;padding:5px 8px;background:#ffffff07;border:1px solid #ffffff0e;border-radius:6px;color:#c0cbe0}.platform-tile a{font-size:14px;font-weight:600;color:var(--platform);margin-top:22px}.estimate-note{font-size:13px;color:#a6b3ca;margin:16px 0 0}
/* A numbered, linked learning sequence and terminal-style tutorial strip. */
.how-section{padding:54px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.how-grid{display:grid;gap:22px}.how-step{padding:22px;border:1px solid var(--line);border-radius:16px;background:#ffffff04}.how-number{font:500 14px "JetBrains Mono",monospace;color:#a5b4fc}.how-step h3{font-size:20px;margin:16px 0 12px}.how-step p{font-size:15px;color:var(--muted)}.how-step a{font-size:14px;color:#a5f3fc}.featured-section{padding:58px 0}.featured-grid{display:grid;gap:18px}.tutorial-terminal{min-width:0;border:1px solid var(--line);background:#0b1120cf;border-radius:16px;overflow:hidden}.tutorial-terminal .terminal-bar{color:#bec9de;font-size:13px}.tutorial-terminal pre{padding:20px;min-height:160px;font-size:13px}.tutorial-copy{padding:0 20px 22px}.tutorial-copy h3{font-size:20px;margin:10px 0}.tutorial-copy p{font-size:14px;color:var(--muted);margin-bottom:14px}.tutorial-copy a{font-size:14px;color:#a5b4fc}.homepage .learning-menu{padding:36px 24px;border:1px solid var(--line);border-radius:20px;background:#ffffff04;backdrop-filter:blur(12px);margin-bottom:54px}.homepage .provider-card{background:#10192bbb;border-color:var(--line);border-radius:16px}.homepage .provider-card[open] summary{border-bottom-color:var(--line)}.homepage .lesson-links li{border-color:#ffffff0e}.homepage .lesson-links a{color:#e0e7ff}.homepage .lesson-links a:hover{color:#67e8f9}.homepage .provider-card summary small,.homepage .shared-learning summary small{color:#aebbd2}.homepage .shared-learning{border-color:var(--line)}.homepage .shared-links a{border-color:var(--line);color:#dce6ff;background:#ffffff03}.homepage .shared-links a:hover{background:#818cf81a;color:#67e8f9}.homepage .learning-heading>a{color:#a5b4fc}
/* Preserve the existing certification builder and resource sections in the new theme. */
.homepage .builder,.homepage .card,.homepage .tool,.homepage .mini-card,.homepage .resource{background:#111a2bcc;border-color:var(--line);border-radius:16px;color:var(--ink)}.homepage .builder{backdrop-filter:blur(14px)}.homepage .segmented button{background:#ffffff06;color:#cbd5eb;border-color:var(--line);border-radius:8px}.homepage .segmented button.active{background:#818cf830;border-color:#818cf8;color:#e0e7ff}.homepage .step{background:#ffffff05;border-color:var(--line);border-radius:12px}.homepage .step a{color:#a5b4fc}.homepage .step-no,.homepage .card-number,.homepage .tool-icon,.homepage .week-tag{color:#a5b4fc}.homepage .card{padding:24px;border-top:1px solid var(--line)}.homepage .plan,.homepage .resources{background:#111a2b66}.homepage .week,.homepage .timeline,.homepage .deliverable{border-color:var(--line)!important}.homepage .lab-main{background:#111a2b;border:1px solid var(--line);border-radius:16px}.homepage .cost-guard{background:#fbbf240c;color:#e9dfc6}.homepage .tag{background:#818cf815;color:#c4b5fd}.homepage .cta-button{background:#6366f1;color:#fff;border-radius:10px}.homepage .cta-box{border-color:#818cf8}.homepage .footer{background:#080e1b;border-top:1px solid var(--line);color:#aebbd2}
/* Newsletter is intentionally not connected: no email collection or fake success state. */
.newsletter{margin:20px auto 64px;padding:30px;border:1px solid #818cf840;border-radius:20px;background:linear-gradient(120deg,#6366f11c,#06b6d408);display:grid;gap:24px}.newsletter h2{font-size:32px;margin:12px 0}.newsletter p{color:var(--muted);margin:0;max-width:550px}.newsletter label{display:block;font-size:14px;margin-bottom:10px}.newsletter-row{display:flex;flex-wrap:wrap;gap:10px}.newsletter input{min-width:0;flex:1;padding:13px;border:1px solid var(--line);background:#0b1120;color:#aebbd2;border-radius:10px;font:inherit}.newsletter button{padding:12px 18px;border:1px solid #818cf84d;border-radius:10px;background:#818cf820;color:#c7d2fe;font:600 14px var(--font)}.newsletter input:disabled,.newsletter button:disabled{cursor:not-allowed;opacity:1}.newsletter .newsletter-note{font-size:13px;margin-top:12px}.homepage .resource:hover{border-color:#818cf8}
/* Reveal effects only run when supported; all content remains visible without JS. */
@media(prefers-reduced-motion:no-preference){.gradient-orb{animation:orb-drift 12s ease-in-out infinite alternate}.gradient-orb.two{animation-delay:-6s}.float-note{animation:float-card 6s ease-in-out infinite}.reveal-pending{opacity:0;transform:translateY(18px)}.reveal{transition:opacity .6s ease,transform .6s ease}.reveal-visible{opacity:1;transform:none}@keyframes orb-drift{to{transform:translate(35px,25px) scale(1.1)}}@keyframes float-card{50%{transform:translateY(-8px)}}}
@media(min-width:600px){.platform-grid,.how-grid,.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.homepage .shell{width:min(1184px,calc(100% - 56px))}}
@media(min-width:950px){.aurora-hero{grid-template-columns:1.15fr 1fr;gap:64px;padding:76px 0 62px}.platform-grid,.how-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dark-section-head{grid-template-columns:1.3fr 1fr;gap:60px;align-items:end}.newsletter{grid-template-columns:1.2fr 1fr;align-items:center;padding:38px}.float-note{position:relative;margin-bottom:-18px;transform:none}.hero-terminal{margin-bottom:18px}}
@media(max-width:540px){.aurora-hero{padding-top:38px}.hero-actions .glow-button{flex:1}.hero-terminal pre{font-size:13px}.terminal-content{padding:20px 16px}.homepage .learning-menu{padding:24px 16px}.homepage .learning-heading h2{font-size:20px}.newsletter{padding:24px 20px}.newsletter-row{flex-direction:column}.gradient-orb{width:180px;height:180px}.homepage .global-nav{border-color:var(--line)}}
@media(prefers-reduced-motion:reduce){.homepage *, .homepage *:before,.homepage *:after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}}
