:root{
  --navy:#07182b;--navy2:#0A2540;--blue:#89CFF0;--blue2:#33a9e8;--bg:#f4f9ff;--card:#ffffff;--text:#0A2540;--muted:#65758a;--line:rgba(10,37,64,.12);--shadow:0 18px 50px rgba(10,37,64,.13);--radius:26px;--ease:all .25s ease;
}
body.dark{--bg:#07111f;--card:#0d2035;--text:#eaf6ff;--muted:#a8bfd2;--line:rgba(137,207,240,.18);--shadow:0 24px 70px rgba(0,0,0,.45);--navy:#04101d;--navy2:#07182b;}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,'Segoe UI',system-ui,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.6}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button:disabled{opacity:.45;cursor:not-allowed}.hidden{display:none!important}
nav{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background:rgba(7,24,43,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(137,207,240,.16)}.logo{display:flex;align-items:center;gap:.6rem;color:white;font-weight:950;font-size:1.45rem}.logo-mark{width:34px;height:34px;border:3px solid var(--blue);border-radius:12px;display:grid;place-items:center;color:var(--blue)}.nav-right{display:flex;align-items:center;gap:1rem}.nav-links{display:flex;gap:.6rem;align-items:center}.nav-links a{color:#dcecf7;padding:.55rem .75rem;border-radius:999px;font-weight:800;font-size:.94rem;white-space:nowrap}.nav-links a:hover,.nav-links a.active{background:rgba(137,207,240,.14);color:var(--blue)}
.btn,.btn-cta,.btn-secondary,.ghost-btn,.danger-btn,.edit-btn{border:0;border-radius:999px;padding:.85rem 1.15rem;font-weight:950;cursor:pointer;transition:var(--ease);display:inline-flex;align-items:center;justify-content:center;gap:.45rem;text-align:center}.btn-cta{background:linear-gradient(135deg,var(--blue),#dff6ff);color:#061d31;box-shadow:0 16px 38px rgba(137,207,240,.25)}.btn-secondary{background:transparent;color:var(--blue);border:2px solid var(--blue)}.ghost-btn,.edit-btn{background:rgba(137,207,240,.14);color:var(--text);border:1px solid var(--line)}.danger-btn{background:#ffe8e8;color:#9d1212}.btn-cta:hover,.btn-secondary:hover,.ghost-btn:hover,.edit-btn:hover,.danger-btn:hover{transform:translateY(-2px)}.btn-signin{background:transparent;border:2px solid var(--blue);color:var(--blue);border-radius:999px;padding:.6rem 1rem;font-weight:950;cursor:pointer;white-space:nowrap}.theme-toggle{border:1px solid rgba(137,207,240,.25);background:rgba(255,255,255,.08);color:white;border-radius:999px;padding:.6rem .85rem;cursor:pointer;font-weight:900}
.hero,.page-hero{position:relative;background:radial-gradient(circle at 20% 20%,rgba(137,207,240,.28),transparent 34%),linear-gradient(135deg,var(--navy),var(--navy2));color:white;overflow:hidden}.hero{min-height:100vh;display:grid;place-items:center;text-align:center;padding:8rem 5% 4rem}.page-hero{min-height:52vh;padding:9rem 5% 4rem;text-align:center;display:grid;place-items:center}.hero:before,.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.04),transparent);pointer-events:none}.hero-content,.page-hero .inner{position:relative;z-index:2;max-width:980px}.eyebrow,.section-kicker{display:inline-flex;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);font-weight:950;font-size:.82rem;margin-bottom:.85rem}.hero h1,.page-hero h1{font-size:clamp(2.35rem,6vw,5.3rem);line-height:1.02;letter-spacing:-.055em;margin:.2rem 0 1rem}.hero h1 span{color:var(--blue)}.hero p,.page-hero p{max-width:780px;margin:auto;color:#d8eaf6;font-size:clamp(1rem,2vw,1.18rem)}.hero-actions{display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap;margin:1.8rem 0}.hero-proof{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.hero-proof span,.pill{background:rgba(137,207,240,.13);border:1px solid rgba(137,207,240,.25);color:inherit;border-radius:999px;padding:.42rem .7rem;font-weight:850;font-size:.85rem}.section{padding:5rem 5%;max-width:1320px;margin:auto}.section-wide{padding:5rem 5%}.title-large{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;letter-spacing:-.045em;margin-bottom:1.4rem}.muted{color:var(--muted)}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card,.ef-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.35rem;color:var(--text)}.feature-card{text-align:left;min-height:210px}.feature-card h3,.card h3{font-size:1.35rem;margin:.55rem 0}.card-icon{font-size:2.1rem}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border-block:1px solid var(--line)}.trust-strip div{background:var(--card);padding:1.2rem 5%;text-align:center}.trust-strip strong{display:block;font-size:1.8rem;color:var(--blue2)}
.input,.select,.textarea,.ef-input,.ef-select,.ef-textarea{width:100%;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:16px;padding:.9rem 1rem;outline:none}.textarea,.ef-textarea{min-height:120px;resize:vertical}.label,.ef-label{display:block;font-weight:900;margin:.85rem 0 .35rem}.row,.ef-row{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.space{justify-content:space-between}.list-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:18px;background:var(--card);margin:.75rem 0}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:5000;display:none;place-items:center;padding:1rem}.modal-overlay.show{display:grid}.modal-card{width:min(760px,100%);max-height:88vh;overflow:auto;background:var(--card);color:var(--text);border-radius:30px;padding:1.6rem;box-shadow:0 40px 110px rgba(0,0,0,.45);border:1px solid var(--line)}
.course-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:420px}.course-card:before{content:"";position:absolute;top:0;left:0;right:0;height:7px;background:linear-gradient(90deg,var(--blue),var(--blue2))}.course-card.bundle:before{background:linear-gradient(90deg,#ffd166,var(--blue))}.course-card.enrolled{outline:2px solid var(--blue);background:linear-gradient(180deg,rgba(137,207,240,.16),var(--card))}.course-price{font-size:2rem;font-weight:950;margin:1rem 0}.course-points{list-style:none;display:grid;gap:.45rem;margin:1rem 0;color:var(--muted)}.course-points li:before{content:"✓ ";color:var(--blue2);font-weight:950}.card-actions{margin-top:auto;display:flex;gap:.6rem;flex-wrap:wrap}.status-badge{position:absolute;top:1rem;right:1rem;background:var(--blue);color:#061d31;border-radius:999px;padding:.32rem .65rem;font-weight:950;font-size:.78rem}.preset-standard{}.preset-premium{background:linear-gradient(145deg,#081d33,#0d3356);color:white}.preset-premium .muted,.preset-premium p{color:#d8eaf6}.preset-gold:before{background:linear-gradient(90deg,#ffd166,#fff1a8)}.preset-glass{background:linear-gradient(145deg,rgba(255,255,255,.42),rgba(255,255,255,.12));backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.35);box-shadow:0 30px 80px rgba(10,37,64,.22)}body.dark .preset-glass{background:linear-gradient(145deg,rgba(137,207,240,.17),rgba(255,255,255,.05));border-color:rgba(137,207,240,.28)}
.dashboard-hero-card{display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;align-items:center}.calendar-shell{background:var(--card);border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.calendar-top{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;background:linear-gradient(135deg,var(--navy),#123f68);color:white}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line)}.day{min-height:115px;background:var(--card);padding:.6rem}.event-chip{display:block;background:rgba(137,207,240,.17);border-left:4px solid var(--blue);border-radius:10px;padding:.35rem;margin:.35rem 0;font-size:.8rem;font-weight:850}.resource-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.resource-tile{padding:1.1rem;border-radius:20px;border:1px solid var(--line);background:var(--card)}.resource-tile h4{margin:.4rem 0}.admin-layout{display:grid;grid-template-columns:380px 1fr;gap:1rem;align-items:start}.builder-layout{display:grid;grid-template-columns:360px 1fr;gap:1rem}.wizard-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:1rem 0}.wizard-steps span{padding:.8rem;border-radius:16px;background:rgba(137,207,240,.13);font-weight:900;text-align:center}.wizard-steps span.active{background:var(--blue);color:#061d31}.qa-card.admin-liked{border-color:var(--blue);box-shadow:0 0 0 2px rgba(137,207,240,.15),var(--shadow)}.admin-like-badge{background:linear-gradient(135deg,var(--blue),#fff);color:#061d31;border-radius:999px;padding:.3rem .6rem;font-weight:950;font-size:.82rem}.pin-badge{background:#fff5c4;color:#725100;border-radius:999px;padding:.3rem .6rem;font-weight:950;font-size:.82rem}.compiler-shell{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem}.editor-panel,.output-panel{background:#081d33;border-radius:24px;overflow:hidden;border:1px solid rgba(137,207,240,.22);box-shadow:var(--shadow)}.panel-bar{display:flex;justify-content:space-between;background:#0c2c4b;color:#dff4ff;padding:.8rem 1rem;font-weight:950}.code-input,.code-output{width:100%;height:520px;background:#081d33;color:#eaf8ff;border:0;outline:0;padding:1.1rem;font-family:Consolas,monospace;line-height:1.65}.code-output{background:#071727;overflow:auto;white-space:pre-wrap}.toast{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%) translateY(120%);background:var(--navy);color:white;border:1px solid rgba(137,207,240,.3);border-radius:999px;padding:.85rem 1.2rem;z-index:6000;transition:var(--ease)}.toast.show{transform:translateX(-50%) translateY(0)}
.role-switcher{position:fixed;right:1rem;bottom:1rem;z-index:4500;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:20px;padding:.7rem;display:flex;gap:.4rem;flex-wrap:wrap;max-width:380px}.role-switcher button{font-size:.78rem;padding:.45rem .65rem}
@media(max-width:980px){.nav-links{display:none}.grid-2,.grid-3,.dashboard-hero-card,.admin-layout,.builder-layout,.compiler-shell{grid-template-columns:1fr}.trust-strip{grid-template-columns:repeat(2,1fr)}.hero{min-height:86vh}.section{padding:3.5rem 5%}.role-switcher{position:static;margin:1rem}.calendar-grid{grid-template-columns:1fr}.day{min-height:auto}.wizard-steps{grid-template-columns:1fr 1fr}}
/* final repair additions */
#particle-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.82;pointer-events:none}.hero-content,.page-hero .inner{position:relative;z-index:2}.page-hero,.hero{isolation:isolate}.reviews-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.testimonial-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.35rem}.testimonial-card .stars{color:#ffcc4d;font-size:1.2rem;margin-bottom:.7rem}.testimonial-card p{color:var(--muted);line-height:1.7}.testimonial-card h4{margin-top:1rem}footer{background:linear-gradient(135deg,var(--navy),var(--navy2));color:white;padding:3.5rem 5% 1.2rem;margin-top:3rem}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:1.4rem;max-width:1320px;margin:auto}.footer-grid a,.footer-grid p{display:block;color:#cfe5f3;margin:.45rem 0}.footer-grid h3,.footer-grid h4{color:white;margin-bottom:.7rem}.footer-bottom{border-top:1px solid rgba(137,207,240,.18);max-width:1320px;margin:2rem auto 0;padding-top:1rem;color:#cfe5f3}.demo-switcher{position:fixed;right:1rem;bottom:1rem;z-index:4600}.demo-switcher .demo-panel{width:min(360px,calc(100vw - 2rem));margin-top:.5rem;background:var(--card);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:1rem}.demo-switcher h4{margin:.8rem 0 .4rem}.course-detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem;align-items:start}.lesson-preview,.recording-preview{display:grid;gap:.7rem}.lesson-preview li,.recording-preview li{list-style:none;padding:.85rem;border-radius:16px;background:rgba(137,207,240,.12);border:1px solid var(--line)}.section-divider{margin:2.5rem 0 1.2rem}.course-section-label{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.calendar-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.calendar-tabs button.active{background:var(--blue);color:#061d31}.calendar-view.hidden{display:none}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--line);border-radius:24px;overflow:hidden}.week-grid .day{min-height:170px}.daily-list{display:grid;gap:.7rem}.daily-list .list-row{margin:0}.resource-locked{opacity:.7}.course-card.suggested-owned{display:none}.course-card.bundle{min-height:360px}.hero .eyebrow,.page-hero .eyebrow{color:var(--blue)}@media(max-width:980px){.footer-grid,.course-detail-grid,.week-grid{grid-template-columns:1fr}.demo-switcher{position:static;margin:1rem}.compiler-shell .code-input,.compiler-shell .code-output{height:380px}}

/* targeted final fixes */
.dashboard-start{padding-top:7.5rem;}
.empty-state{text-align:center;padding:3rem 1.2rem;}
body.dashboard-page footer{margin-top:0;}
.studio-tabs{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0;}
.studio-tabs .active{background:var(--blue);color:#061d31;}
.code-input::-webkit-scrollbar,.code-output::-webkit-scrollbar{width:12px;height:12px;}
.code-input::-webkit-scrollbar-track,.code-output::-webkit-scrollbar-track{background:#06111f;border-radius:999px;}
.code-input::-webkit-scrollbar-thumb,.code-output::-webkit-scrollbar-thumb{background:#244b66;border-radius:999px;border:3px solid #06111f;}
.code-input::-webkit-scrollbar-thumb:hover,.code-output::-webkit-scrollbar-thumb:hover{background:#3b7c9f;}
.code-input,.code-output{scrollbar-color:#244b66 #06111f;}
.bundle-choice-card{cursor:pointer;}
@media(max-width:980px){.dashboard-start{padding-top:6.5rem;}}

/* final walkthrough micro-fixes */
.test-card{display:flex;flex-direction:column;min-height:260px;}
.test-card .btn-cta{margin-top:auto;align-self:flex-start;}
.resource-tile{display:flex;flex-direction:column;min-height:245px;position:relative;overflow:hidden;}
.resource-tile .pill:last-child,.resource-tile .btn-secondary{margin-top:auto;align-self:flex-start;position:relative;z-index:2;}
.resource-tile.resource-locked::after{content:"";position:absolute;inset:36% 0 0;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.72) 38%,rgba(255,255,255,.92));pointer-events:none;z-index:1;}
body.dark .resource-tile.resource-locked::after{background:linear-gradient(180deg,rgba(13,32,53,0),rgba(13,32,53,.72) 38%,rgba(13,32,53,.92));}
.resource-tile.resource-locked .pill:last-child{background:rgba(255,255,255,.85);color:#7a4b00;border-color:rgba(255,255,255,.75);}
body.dark .resource-tile.resource-locked .pill:last-child{background:rgba(7,24,43,.86);color:#ffe1a3;border-color:rgba(137,207,240,.18);}
.bundle-choice-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.85rem;cursor:pointer;min-height:104px;transition:var(--ease);}
.bundle-choice-card input{position:absolute;opacity:0;pointer-events:none;}
.bundle-check-ui{width:34px;height:34px;border-radius:12px;border:2px solid var(--line);display:grid;place-items:center;font-weight:950;color:transparent;background:rgba(137,207,240,.08);}
.bundle-choice-card:has(input:checked){outline:2px solid var(--blue);background:linear-gradient(145deg,rgba(137,207,240,.18),var(--card));}
.bundle-choice-card:has(input:checked) .bundle-check-ui{background:var(--blue);color:#061d31;border-color:var(--blue);}
.enroll-summary{margin-bottom:1rem;}
.enrollment-form-grid{margin:1rem 0;align-items:stretch;}
.enroll-step-card{background:rgba(137,207,240,.08);border:1px solid var(--line);border-radius:22px;padding:1.1rem;}
.enroll-step-card h3{margin:.2rem 0 .8rem;}
.enroll-submit-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);}
.hero #particle-canvas,.page-hero #particle-canvas{display:block;}