/* CRC Concepts — Premium Edition 11.0 */
:root{--bg:#050b17;--panel:#0d192b;--panel2:#142640;--line:#263e60;--gold:#46b8ff;--text:#eef7ff;--muted:#9ab1cb;--green:#43d8b2;--red:#ff8296;color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:90px}body{background:radial-gradient(ellipse 75% 35% at 95% 0%,#0b2750 0%,transparent 70%),#050b17;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.012em}a{color:#67c8ff}::selection{background:#246bb6;color:white}
header{background:rgba(6,14,29,.86);border-bottom:1px solid rgba(95,155,223,.19);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 8px 30px #0003}.top{min-height:78px}.logo{font-size:20px;letter-spacing:.075em}.logo span{color:#56c3ff}.tag{border-color:#295783;color:#9edaff;background:#0b2642;padding:6px 13px;letter-spacing:.09em}
.hero{position:relative;overflow:hidden;padding:90px 0 52px;background:radial-gradient(ellipse at 83% 10%,rgba(26,109,203,.32),transparent 46%),radial-gradient(ellipse at 10% 95%,rgba(24,76,136,.23),transparent 47%)}.hero:before{content:'';pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(#69adff0b 1px,transparent 1px),linear-gradient(90deg,#69adff0b 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000 45%,#000)}.hero .wrap{position:relative}.eyebrow,.kicker{color:#6bcaff;letter-spacing:.2em}.hero h1{font-size:clamp(42px,6.3vw,82px);font-weight:850;letter-spacing:-.06em;line-height:1.04;max-width:980px;text-wrap:balance;text-shadow:0 8px 40px #0005}.hero h1 span{background:linear-gradient(105deg,#6fd2ff,#398dff 70%,#99dfff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:clamp(16px,1.8vw,20px);line-height:1.75;max-width:730px;color:#b4c8df}.heroactions{gap:11px;margin-top:30px}.btn{border-radius:12px;background:linear-gradient(135deg,#66ccff,#328dff);border:1px solid #68caff;color:#061526;box-shadow:0 8px 25px #167bd52b;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #167bd555}.btn.secondary{color:#a5dfff;border:1px solid #345c83;background:#0d2540b8;box-shadow:none}.btn.secondary:hover{background:#193c62}.toolstrip button{background:#102a47;color:#bce7ff;border:1px solid #2b547a;border-radius:12px;transition:background .2s,transform .2s}.toolstrip button:hover{background:#1c426c;transform:translateY(-2px)}
.stats{gap:16px;margin:38px 0 0}.stat,.sidebar,.course,.card{background:linear-gradient(155deg,rgba(18,37,62,.95),rgba(9,22,41,.97));border:1px solid rgba(101,165,240,.19);box-shadow:0 15px 45px #0003}.stat{border-radius:18px;padding:22px 24px;position:relative;overflow:hidden}.stat:before{content:'';position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#3da9ff,transparent)}.stat strong{color:#70ceff;font-size:clamp(23px,3vw,30px);letter-spacing:-.035em}.stat small{color:#9fb6d1}.layout{gap:25px}.sidebar{border-radius:20px;padding:20px;top:96px}.sidebar h3{color:#7dd1ff}.navbtn{border:1px solid transparent;transition:background .2s,border-color .2s,color .2s}.navbtn:hover,.navbtn.active{background:#183653;border-color:#35628e;color:#eaf7ff}.navbtn.active{box-shadow:inset 3px 0 #56bcff}.navbtn .num{color:#6dc8ff}.meter{background:#24344e}.meter>div{background:linear-gradient(90deg,#227cf5,#6bd3ff)}.course{border-radius:22px;padding:clamp(22px,4vw,48px)}.course h2{letter-spacing:-.045em}.course h3{color:#7bd0ff}.course p,.course li{color:#bfd0e3}.note{background:#0c302f;border-color:#43d8b2}.warn{background:#35232f;border-color:#ff8296}.formula{background:#0a1d35;color:#80d6ff;border-color:#31577e}.field input,.field select,input,select,textarea{background:#09182b;color:#f2f9ff;border-color:#365678;border-radius:11px}.result{background:#092d35;border-color:#216977}.stat,.course,.sidebar{backdrop-filter:blur(8px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #71d4ff;outline-offset:3px}
@media(max-width:760px){.hero{padding:57px 0 32px}.hero h1{font-size:clamp(39px,10vw,60px)}.heroactions{display:grid;grid-template-columns:1fr 1fr}.heroactions .btn{font-size:12px;padding:12px 9px;text-align:center;line-height:1.3}.heroactions .btn:first-child{grid-column:1/-1;font-size:15px}.stats{gap:8px}.stat{padding:14px 11px;border-radius:13px}.stat strong{font-size:19px}.stat small{font-size:11px;line-height:1.4;display:block}.tag{display:none}.top{min-height:65px}.logo{font-size:17px}.layout{gap:14px}.sidebar,.course{border-radius:16px}.course{min-height:0}.wrap{padding-left:15px;padding-right:15px}}@media(max-width:390px){.heroactions{grid-template-columns:1fr}.heroactions .btn:first-child{grid-column:auto}.stats{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:1/-1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Cohesive controls and lesson panels */
.crc-step,.crc-cta,.crc-faq details,.crc-video-card,.crc-video-next,.beginner-card,.lab-panel,.visual-stage{background:linear-gradient(155deg,#10243d,#0a1729)!important;border-color:#29496d!important;border-radius:17px;box-shadow:0 12px 36px #0002}
.crc-cta{background:linear-gradient(125deg,#153759,#0b1c32)!important}.crc-step .number,.visual-step,.crc-video-top{color:#75ceff}.crc-share button,.visual-nav button,.visual-controls button{background:#123252;color:#e3f4ff;border:1px solid #345b82;border-radius:10px}.visual-controls button.active{background:#56bdff;color:#071627;border-color:#56bdff}.crc-watch input{accent-color:#46b8ff}.crc-video-card video{background:#07111e}.crc-faq summary{color:#d8edff}.crc-faq details[open]{border-color:#4b9cdb!important}.crc-path h2,.crc-cta h3{letter-spacing:-.045em}.crc-steps{gap:18px}.crc-step{transition:transform .2s,border-color .2s}.crc-step:hover{transform:translateY(-3px);border-color:#4389c2!important}.crc-video-card{transition:transform .2s}.crc-video-card:hover{transform:translateY(-3px)}.hero .toolstrip{margin-top:20px}.hero .toolstrip button{margin:4px}.tiny,.small{line-height:1.65}a:hover{color:#a8e4ff}button:disabled{cursor:not-allowed;opacity:.5}
@media(max-width:760px){.crc-video-grid{gap:13px}.crc-path{padding-left:15px;padding-right:15px}.hero .toolstrip{display:flex;flex-wrap:wrap}.hero .toolstrip button{font-size:12px;padding:10px}.crc-video-card video{height:245px}}

/* CRC 11.1 guided learning */
.crc-guided{padding-top:48px;padding-bottom:45px;scroll-margin-top:24px}.crc-guide-progress{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:22px 0}.crc-guide-progress strong{font-size:14px}.crc-guide-track{height:9px;background:#142943;border-radius:20px;flex:1;min-width:120px;overflow:hidden}.crc-guide-track>div{height:100%;width:0;background:linear-gradient(90deg,#178bff,#52e1ff);transition:width .3s}.crc-guide-layout{display:grid;grid-template-columns:minmax(225px,310px) minmax(0,1fr);gap:18px}.crc-guide-nav{display:grid;gap:8px;align-content:start}.crc-guide-step{display:flex;text-align:left;align-items:center;gap:13px;width:100%;padding:14px;border:1px solid #254360;border-radius:12px;background:#0b1a30;color:#f2f8ff;cursor:pointer;font:inherit;font-weight:700}.crc-guide-step small{display:block;color:#a1b9d4;font-size:11px;margin-top:4px;font-weight:500}.crc-guide-step.active{border-color:#36bbff;background:#102b4b;box-shadow:0 0 0 1px #36bbff44}.crc-guide-step.complete .crc-guide-num{color:#68dfbe}.crc-guide-step:disabled{opacity:.56;cursor:not-allowed}.crc-guide-num{font-size:19px;color:#59cfff;font-weight:800}.crc-guide-player{border:1px solid #284d70;border-radius:16px;background:#09182b;padding:22px;min-width:0}.crc-guide-player h3{font-size:clamp(22px,3vw,32px);margin:8px 0}.crc-guide-player p{color:#b5c9df;line-height:1.6}.crc-guide-player video{display:block;width:100%;max-height:480px;background:#020813;border-radius:10px;object-fit:contain}.crc-guide-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.crc-guide-actions button:disabled{opacity:.45;cursor:not-allowed}.crc-guide-feedback{font-size:13px}.crc-guide-note{font-size:12px}@media(max-width:760px){.crc-guide-layout{grid-template-columns:1fr}.crc-guide-nav{grid-template-columns:1fr 1fr}.crc-guide-step{padding:10px;font-size:12px}.crc-guide-num{font-size:14px}.crc-guide-player{padding:14px}}@media(max-width:420px){.crc-guide-nav{grid-template-columns:1fr}}

/* CRC 17 release polish: readability, responsive navigation, and accessible controls */
:root{--focus:#8cdeff}body{line-height:1.65}h1,h2,h3{line-height:1.16;text-wrap:balance}p,li{max-width:78ch}button,a,input,select,textarea{touch-action:manipulation}button,a.btn,.crc-guide-step{min-height:44px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}video{max-width:100%;height:auto}img{max-width:100%;height:auto}.course,.crc-guide-player,.crc-video-card{min-width:0}::placeholder{color:#a9c1d9;opacity:1}@media(max-width:760px){.course{padding:22px 18px}.crc-guide-actions button{flex:1 1 150px}.crc-guide-player video{max-height:60vh}.heroactions .btn{min-height:48px}.crc-guide-nav{gap:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}