.button-outline{background:transparent;color:var(--ink);border:1px solid #626a62}.button-outline:hover{background:#1b201b;color:var(--lime)}.simple-page{min-height:100vh;max-width:720px;margin:auto;padding:9vh 24px;display:flex;flex-direction:column;align-items:flex-start}.simple-page .brand{margin-bottom:100px}.simple-page h1,.admin-login h1{font-size:clamp(48px,8vw,76px);line-height:1.04;letter-spacing:-.075em;margin:25px 0}.simple-page>p{max-width:580px;color:#a4aaa6}.stack-actions{display:flex;gap:15px;align-items:center;margin:24px 0;flex-wrap:wrap}.simple-course{padding-top:110px;padding-bottom:120px}.simple-course>h1{font-size:clamp(51px,8vw,87px);line-height:.99;letter-spacing:-.08em;margin:30px 0}.simple-course>.hero-lede{max-width:720px}.course-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff15;margin:55px 0 90px}.course-facts>div{background:#0e1113;padding:21px}.course-facts small,.metric-grid small,.attendance span{display:block;font:9px var(--mono);color:#818a84;letter-spacing:.1em;margin-bottom:8px}.course-facts b{font-size:12px}.simple-course>h2,.course-cta h2{font-size:35px;letter-spacing:-.06em;margin:0 0 26px}.course-module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.course-module-grid article{padding:19px;background:#111519;border:1px solid #ffffff12;min-height:177px;display:flex;flex-direction:column}.course-module-grid small{font:8px var(--mono);color:var(--lime);letter-spacing:.1em}.course-module-grid b{margin-top:15px;font-size:14px;line-height:1.4}.course-module-grid p{font-size:11px;color:#969e98;margin-bottom:0}.course-cta{margin:85px 0 25px;padding:33px;background:var(--panel);display:flex;justify-content:space-between;align-items:center;gap:20px}.course-cta h2{margin:16px 0 0}.webinar-room{padding-top:70px;padding-bottom:80px}.webinar-room h1{font-size:clamp(42px,7vw,70px);line-height:1.1;letter-spacing:-.07em;margin:22px 0}.live-pill{font:9px var(--mono);letter-spacing:.1em;color:var(--lime);border:1px solid #cfff603c;padding:9px 12px}.stream-box{margin-top:40px;aspect-ratio:16/9;background:linear-gradient(135deg,#151b18,#0d1012);border:1px solid #ffffff1a;display:grid;place-items:center;overflow:hidden}.stream-box iframe{width:100%;height:100%;border:0}.stream-placeholder{text-align:center;color:#a9b0aa}.stream-placeholder p{font-size:13px}.stream-placeholder small{font:9px var(--mono);color:#818982}.live-ring{width:64px;height:64px;margin:auto;border-radius:50%;border:1px solid #cfff6050;color:var(--lime);display:grid;place-items:center}.room-lower{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:25px}.room-lower small{font:9px var(--mono);color:var(--lime);letter-spacing:.1em}.room-lower p{font-size:12px;color:#9aa29c}.admin-shell{min-height:75vh}.admin-login{max-width:470px;margin:85px auto 120px}.admin-login>p{color:#9ca39e;font-size:13px}.admin-login form{margin-top:32px;display:grid;gap:16px}.admin-login label,.settings-grid label,.settings-label{font-size:10px;color:#aab1ab}.admin-login input,.settings-grid input,.settings-label input{display:block;width:100%;margin-top:7px;background:#101416;border:1px solid #2d3431;color:var(--ink);padding:13px;font:12px var(--sans);outline:none}.admin-login input:focus,.settings-grid input:focus,.settings-label input:focus{border-color:var(--lime)}.error{color:#ff9184!important}.admin-heading{display:flex;justify-content:space-between;align-items:end;margin:68px 0 28px}.admin-heading h1{font-size:50px;line-height:1.05;letter-spacing:-.07em;margin:18px 0 0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric-grid>div{background:#111518;border:1px solid #ffffff12;padding:17px}.metric-grid b{display:block;font-size:33px;line-height:1.2;font-weight:500}.metric-grid>div>span{color:#858d87;font-size:9px}.admin-toolbar{display:flex;justify-content:space-between;align-items:end;margin:58px 0 20px}.admin-toolbar h2,.studio-heading h2,.settings-section h2{font-size:29px;letter-spacing:-.055em;margin:8px 0 0}.toolbar-actions{display:flex;gap:9px}.toolbar-actions .button{font-size:10px;padding:12px}.table-wrap{overflow-x:auto;border:1px solid #ffffff18}.table-wrap table{border-collapse:collapse;width:100%;min-width:1050px}.table-wrap th{text-align:left;background:#101416;color:#7e8881;font:8px var(--mono);letter-spacing:.1em;padding:13px 12px}.table-wrap td{padding:14px 12px;border-top:1px solid #ffffff12;vertical-align:top;font-size:10px;color:#aeb5af}.table-wrap td b{display:block;font-size:11px;color:#edf0e8}.table-wrap td small{display:block;color:#818a84;margin-top:5px;max-width:170px;word-break:break-word}.table-wrap select,.table-wrap textarea{background:#101416;border:1px solid #333a35;color:#e8ebe3;padding:8px;font:10px var(--sans);max-width:150px}.table-wrap td label{display:block;white-space:nowrap;font-size:9px;margin-bottom:5px}.table-wrap input[type=checkbox]{accent-color:var(--lime)}.table-wrap textarea{min-height:57px;max-width:140px}.save-lead{background:#202720;border:1px solid #56664b;color:var(--lime);padding:8px 10px;font-size:9px;cursor:pointer}.empty{padding:28px;text-align:center;color:#8a928c;font-size:12px}.studio-section,.settings-section{padding-top:90px}.studio-heading{display:flex;justify-content:space-between;align-items:end;margin:15px 0 25px}.studio-heading p{font-size:11px;color:#929b94}.studio-grid{display:grid;grid-template-columns:1fr 300px;gap:12px}.studio-main,.studio-side{background:#111518;border:1px solid #ffffff14;padding:20px}.timer-card{min-height:200px;background:radial-gradient(ellipse at center,#1e2a1c,#0d1012);display:flex;flex-direction:column;align-items:center;justify-content:center}.timer-card small{font:9px var(--mono);letter-spacing:.16em;color:#9aa498}.timer-card strong{font:clamp(42px,6vw,68px) var(--mono);font-weight:400;letter-spacing:-.06em;color:var(--lime);margin:9px 0 17px}.timer-actions{display:flex;gap:9px}.timer-actions .button{font-size:9px;padding:10px 13px}.stage-bar{display:flex;gap:14px;align-items:center;border:1px solid #ffffff15;padding:13px;margin-top:12px}.stage-bar span{font:8px var(--mono);color:var(--lime);white-space:nowrap}.stage-bar b{font-size:11px;font-weight:600}.stage-next{margin-left:auto;background:none;border:0;color:#9ca49d;white-space:nowrap;font:9px var(--sans);cursor:pointer}.speaker-notes{padding:20px 6px 6px;color:#b7beb7;font-size:13px;line-height:1.8;min-height:105px}.studio-side>.section-tag{margin-bottom:20px}.settings-label{display:block;margin:14px 0}.settings-label input{font-size:10px;padding:10px}.full{width:100%;font-size:9px;padding:12px;margin-bottom:9px;justify-content:center}.tiny-note{font-size:9px;color:#a4b288;margin:4px 0 10px;min-height:14px}.attendance{padding:12px 0;border-top:1px solid #ffffff15;display:flex;justify-content:space-between}.attendance span{margin:0;font-size:8px}.attendance b{font-size:12px;color:var(--lime)}.settings-section{padding-bottom:90px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:25px;padding:23px;background:#111518;border:1px solid #ffffff14}.settings-grid label{display:block}.settings-actions{grid-column:1/-1;display:flex;align-items:center;gap:15px}.settings-actions>span{font-size:10px;color:var(--lime)}@media(max-width:700px){.course-facts,.course-module-grid{grid-template-columns:1fr}.course-facts{margin:38px 0 62px}.course-module-grid article{min-height:140px}.course-cta,.room-lower{flex-direction:column;align-items:flex-start}.admin-heading{align-items:flex-start;gap:17px;flex-direction:column}.admin-heading h1{font-size:39px}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid>div{padding:13px}.metric-grid b{font-size:27px}.admin-toolbar,.studio-heading{align-items:flex-start;gap:15px;flex-direction:column}.toolbar-actions{flex-wrap:wrap}.studio-grid{grid-template-columns:1fr}.studio-main,.studio-side{padding:13px}.stage-bar{flex-wrap:wrap}.stage-next{margin-left:0}.settings-grid{grid-template-columns:1fr;padding:17px}.settings-actions{grid-column:auto}.simple-page .brand{margin-bottom:70px}}

/* DEVORALAB visual identity for the member, learning, webinar and control pages */
.brand-mark[src*="devoralab-mark.svg"]{display:block;flex:0 0 auto;transform:none!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
[hidden]{display:none!important}
body[data-page="course"],body[data-page="student"],body[data-page="webinar"],body[data-page="thanks"],body[data-page="admin"]{background-color:#080b09;background-image:radial-gradient(ellipse at 82% 4%,#17261a 0,transparent 31%),radial-gradient(ellipse at 2% 65%,#101810 0,transparent 30%)}
body[data-page="course"] .nav-wrap,body[data-page="student"] .nav-wrap,body[data-page="webinar"] .nav-wrap{backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
body[data-page="course"] .brand,body[data-page="student"] .brand,body[data-page="webinar"] .brand{gap:12px;letter-spacing:.11em;font-size:12px}
body[data-page="course"] .brand-mark,body[data-page="student"] .brand-mark,body[data-page="webinar"] .brand-mark,body[data-page="thanks"] .brand-mark,body[data-page="admin"] .brand-mark{width:42px;height:42px;object-fit:contain;background:none;box-shadow:0 0 28px #a8ed6e20}
body[data-page="course"] .simple-course{padding-top:52px;max-width:1320px}
.course-hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:6vw;min-height:570px;padding:24px 0 54px}
.course-hero-copy{position:relative;z-index:2}
.course-hero-copy h1{font-size:clamp(58px,7.3vw,98px);max-width:700px;margin:27px 0;line-height:.94;letter-spacing:-.09em}
.course-hero-copy h1 .ink-gradient{background:linear-gradient(105deg,#d9ff95,#74d4a5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.course-hero-copy .hero-lede{max-width:540px;line-height:1.8;color:#a8b3a6}
.course-hero-cta{margin-top:20px;text-decoration:none}
.course-cover{position:relative;min-width:0;aspect-ratio:1/1;max-height:590px;overflow:hidden;border:1px solid #d8f6a51d;background:radial-gradient(ellipse at 50% 48%,#233e25 0,#111d14 38%,#090d0a 77%);box-shadow:0 35px 120px #0008;isolation:isolate}
.course-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(#d8f6a509 1px,transparent 1px),linear-gradient(90deg,#d8f6a509 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,#000 10%,transparent 82%);z-index:-1}
.course-cover-grid{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#a5d35718,transparent 44%);animation:course-glow 7s ease-in-out infinite alternate}
.course-cover-orbits{position:absolute;width:100%;height:100%;inset:0;animation:course-turn 48s linear infinite}
.cover-chip{position:absolute;padding:11px 13px;background:#0b110deb;border:1px solid #c9f06a36;box-shadow:0 10px 36px #0008;color:#a9b99f;font:8px var(--mono);letter-spacing:.1em;animation:course-chip 5s ease-in-out infinite}
.cover-chip b{color:#dcff91;margin-left:9px}.chip-a{left:4%;top:26%}.chip-b{right:3%;top:48%;animation-delay:-2s}.chip-c{left:12%;bottom:23%;animation-delay:-3s}
.cover-caption{position:absolute;bottom:18px;left:20px;right:20px;display:flex;justify-content:space-between;color:#8b9a85;font:7px var(--mono);letter-spacing:.16em}
.course-facts{gap:8px;background:none;margin:25px 0 94px}
.course-facts>div{position:relative;min-height:133px;padding:24px 22px 20px 76px;background:linear-gradient(145deg,#121a13,#0b100c);border:1px solid #d4f19e1b;overflow:hidden;transition:transform .4s,border-color .4s}
.course-facts>div:hover{transform:translateY(-5px);border-color:#c9f06a63}
.course-facts>div:before{position:absolute;left:23px;top:29px;width:34px;height:34px;display:grid;place-items:center;color:#dfff9a;border:1px solid #c9f06a55;border-radius:50%;font:11px var(--mono);content:"01";box-shadow:0 0 22px #c9f06a18}
.course-facts>div:nth-child(2):before{content:"02"}.course-facts>div:nth-child(3):before{content:"03"}
.course-facts>div:after{content:"";position:absolute;width:94px;height:94px;right:-37px;bottom:-57px;border:1px solid #c9f06a22;border-radius:50%;box-shadow:0 0 0 13px #c9f06a04,0 0 0 27px #c9f06a03}
.course-facts b{font-size:14px}
.course-map-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px!important}
.course-map-title small{color:#899789;font:8px var(--mono);letter-spacing:.16em}
.course-module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.course-module-grid .module-card{position:relative;min-height:225px;padding:22px 23px;background:linear-gradient(145deg,#121a13,#0b100c 80%);border:1px solid #d4f19e1a;overflow:hidden;transition:transform .4s,border-color .4s,box-shadow .4s}
.course-module-grid .module-card:hover{transform:translateY(-7px);border-color:#c9f06a70;box-shadow:0 20px 50px #0007}
.module-card-top{position:relative;z-index:1;max-width:65%;min-height:88px}
.course-module-grid .module-card small{font-size:8px;letter-spacing:.15em;color:#b7d887}
.course-module-grid .module-card b{display:block;max-width:230px;margin-top:14px;font-size:16px;line-height:1.35}
.course-module-grid .module-card p{position:relative;z-index:1;max-width:290px;margin-top:20px;color:#9da99c;font-size:11px;line-height:1.65}
.module-visual{position:absolute;top:20px;right:17px;width:94px;height:94px;color:#c9f06a5e}
.module-visual:before{content:"";position:absolute;inset:12px;border:1px solid #c9f06a1e;border-radius:50%;box-shadow:0 0 0 12px #c9f06a04,0 0 0 26px #c9f06a03}
.module-visual svg{position:relative;width:100%;height:100%;overflow:visible;transition:transform .5s,color .4s}
.module-card:hover .module-visual svg{transform:rotate(9deg) scale(1.08);color:#dcff91}
.module-visual>span{position:absolute;right:0;bottom:-2px;color:#e1f4c0;font:8px var(--mono);letter-spacing:.12em}
.module-01 .module-visual svg,.module-08 .module-visual svg{animation:module-orbit 16s linear infinite}
.module-02 .module-visual:before,.module-05 .module-visual:before,.module-09 .module-visual:before{border-radius:32% 50% 45% 52%;animation:morph-glow 7s ease-in-out infinite alternate}
.course-cta{position:relative;overflow:hidden;margin-top:94px;padding:45px;background:linear-gradient(115deg,#172319,#0c120e);border:1px solid #c9f06a34}
.course-cta:after{content:"";position:absolute;right:10%;top:50%;width:180px;height:180px;transform:translateY(-50%);border:1px solid #c9f06a35;border-radius:50%;box-shadow:0 0 0 18px #c9f06a05,0 0 0 40px #c9f06a03;animation:module-orbit 25s linear infinite}
.course-cta .section-tag,.course-cta h2{position:relative;z-index:1}

.webinar-room{max-width:1320px;padding-top:46px}
.webinar-hero{position:relative;display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:35px;min-height:300px;padding:12px 0 25px}
.webinar-hero-copy{position:relative;z-index:2}
.webinar-room h1{max-width:750px;font-size:clamp(47px,6.5vw,82px);line-height:.98;letter-spacing:-.085em;margin:22px 0}
.webinar-room h1:after{content:"";display:block;width:62px;height:2px;margin-top:24px;background:linear-gradient(90deg,#c9f06a,#75d5a5);box-shadow:0 0 18px #c9f06a77}
.webinar-room #room-message{max-width:560px;color:#a8b3a6}
.webinar-room .live-pill{border-radius:30px;background:#c9f06a0a;box-shadow:0 0 24px #c9f06a0d}
.broadcast-art{position:relative;min-height:260px;overflow:hidden;border:1px solid #c9f06a1d;background:radial-gradient(ellipse at 50% 55%,#253c271c,transparent 66%)}
.broadcast-art:before,.broadcast-art:after{content:"";position:absolute;inset:50% auto auto 50%;width:182px;height:182px;transform:translate(-50%,-50%);border:1px solid #c9f06a2e;border-radius:50%;box-shadow:0 0 0 19px #c9f06a05,0 0 0 44px #c9f06a03;animation:broadcast-pulse 4s ease-out infinite}
.broadcast-art:after{animation-delay:2s}
.broadcast-art>svg{position:absolute;inset:0;width:100%;height:100%;opacity:.67}
.broadcast-art>svg path:first-child{stroke-dasharray:4 8;animation:wave-flow 5s linear infinite}
.broadcast-disc{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:78px;height:78px;transform:translate(-50%,-50%);border:1px solid #dfff9a70;border-radius:50%;background:radial-gradient(circle at 34% 25%,#d7f992,#334d2c 58%,#0e170f);box-shadow:0 0 45px #c9f06a33}
.broadcast-disc img{width:53px;height:53px}
.broadcast-kicker{position:absolute;left:17px;top:15px;color:#98a690;font:7px var(--mono);letter-spacing:.17em}
.broadcast-node{position:absolute;z-index:2;width:7px;height:7px;border-radius:50%;background:#c9f06a;box-shadow:0 0 14px #c9f06a}.node-one{left:19%;top:32%}.node-two{right:18%;bottom:27%;animation:node-pulse 1.7s infinite}
.stream-box{position:relative;margin-top:25px;aspect-ratio:16/8.3;border-color:#c9f06a30;background:radial-gradient(ellipse at 50% 42%,#1a2b1c,#080c09 65%);box-shadow:0 28px 85px #0009}
.stream-box:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#e1ffab08 1px,transparent 1px),linear-gradient(90deg,#e1ffab08 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}
.stream-box iframe{position:relative;z-index:3}
.stream-placeholder{position:relative;z-index:1;max-width:600px;width:100%;padding:35px 20px}
.stream-stage-art{position:absolute;z-index:-1;left:50%;top:40%;width:260px;height:260px;transform:translate(-50%,-50%);display:grid;place-items:center}
.stage-orbit{position:absolute;inset:0;border:1px solid #c9f06a25;border-radius:50%;box-shadow:0 0 0 20px #c9f06a05,0 0 0 44px #c9f06a03;animation:module-orbit 30s linear infinite}
.stage-core{display:grid;place-items:center;width:92px;height:92px;border:1px solid #dfff9a70;border-radius:50%;background:radial-gradient(circle at 34% 25%,#d4f68f,#253b26 56%,#0b120c);box-shadow:0 0 54px #c9f06a38}
.stage-core img{width:64px;height:64px}
.sound-wave{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;opacity:.28}
.sound-wave i{display:block;width:2px;height:20px;background:#dfff9a;border-radius:4px;animation:sound-wave 1s ease-in-out infinite alternate}
.sound-wave i:nth-child(3n){animation-delay:-.6s}.sound-wave i:nth-child(2n){animation-delay:-.3s}.sound-wave i:nth-child(4n){height:42px}
.stream-placeholder .live-ring{position:relative;background:#0b110cbb;box-shadow:0 0 0 9px #c9f06a08,0 0 28px #c9f06a30;animation:live-pulse 2.2s ease-in-out infinite}
.stream-placeholder p,.stream-placeholder small{position:relative}
.room-lower{margin-top:34px;padding:24px 26px;border:1px solid #c9f06a22;background:linear-gradient(100deg,#121a13,#0b100c)}
.room-lower>div{position:relative;padding-left:48px}
.room-lower>div:before{content:"?";position:absolute;left:0;top:0;width:31px;height:31px;border:1px solid #c9f06a55;border-radius:50%;display:grid;place-items:center;color:#dfff9a;font:13px var(--mono)}
.room-lower p{margin-bottom:0}

.student-page{max-width:1320px;min-height:calc(100vh - 90px);padding-top:56px;padding-bottom:90px}
.student-hero{display:grid;grid-template-columns:1fr .75fr;align-items:center;gap:45px;min-height:470px;border-bottom:1px solid #dfff9a18}
.student-intro{position:relative;z-index:2}
.student-page h1{max-width:650px;font-size:clamp(54px,7vw,89px);line-height:.98;letter-spacing:-.085em;margin:27px 0}
.student-page #student-message{max-width:550px;color:#a8b3a6;line-height:1.8}
.student-orbit{position:relative;width:min(100%,440px);aspect-ratio:1;margin:auto;display:grid;place-items:center;background:radial-gradient(circle,#9bce3110,transparent 61%)}
.student-orbit:before{content:"";position:absolute;inset:13%;border:1px solid #c9f06a1f;border-radius:50%;box-shadow:0 0 0 20px #c9f06a04,0 0 0 45px #c9f06a03;animation:broadcast-pulse 5s ease-out infinite}
.student-orbit svg{width:100%;height:100%;animation:course-turn 60s linear infinite}
.student-orbit-label{position:absolute;bottom:12%;color:#9dad92;font:7px var(--mono);letter-spacing:.2em}
.student-page #student-content{padding-top:45px}
.student-page #workbook-download{text-decoration:none;margin-bottom:30px}
.student-page .course-module-grid{margin-top:22px}
.student-page .student-module{position:relative;min-height:215px;padding-top:28px;background:linear-gradient(145deg,#121a13,#0b100c);border-color:#d4f19e1a;overflow:hidden}
.student-module-visual{position:absolute;right:13px;top:10px;width:76px;height:76px;color:#c9f06a66}
.student-module-visual svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.5}
.student-module-visual b{position:absolute;right:0;bottom:0;color:#e2f6cb;font:8px var(--mono)}
.student-page .student-module:hover{transform:translateY(-5px);border-color:#c9f06a60}

body[data-page="thanks"] .simple-page{position:relative;max-width:780px;padding:7vh 28px 9vh;overflow:hidden}
body[data-page="thanks"] .simple-page:before{content:"";position:absolute;z-index:-1;width:600px;height:600px;right:-270px;top:0;border:1px solid #c9f06a10;border-radius:50%;box-shadow:0 0 0 32px #c9f06a03,0 0 0 75px #c9f06a02}
body[data-page="thanks"] .simple-page .brand{margin-bottom:44px;gap:12px}
.thanks-signal{position:relative;width:170px;height:170px;margin:3px 0 34px;display:grid;place-items:center}
.signal-ring{position:absolute;inset:0;border:1px solid #c9f06a30;border-radius:50%;box-shadow:0 0 0 13px #c9f06a05,0 0 0 29px #c9f06a03}
.signal-ring.ring-a{animation:module-orbit 22s linear infinite}.signal-ring.ring-b{inset:20px;border-style:dashed;border-color:#b3e87c55;animation:course-turn 17s linear infinite reverse}
.signal-check{width:80px;height:80px;display:grid;place-items:center;border:1px solid #dfff9a75;border-radius:50%;background:radial-gradient(circle at 32% 24%,#dfff9a,#3e5a33 57%,#0d170e);box-shadow:0 0 52px #c9f06a40;animation:success-arrive .8s cubic-bezier(.2,.8,.2,1) both}
.signal-check svg{width:55px;height:55px;stroke-dasharray:90;stroke-dashoffset:0;filter:drop-shadow(0 0 5px #dfff9a55)}
.signal-dot{position:absolute;right:11px;top:24px;width:8px;height:8px;border-radius:50%;background:#dcff91;box-shadow:0 0 18px #dfff9a;animation:node-pulse 1.8s infinite}
body[data-page="thanks"] .simple-page .eyebrow{letter-spacing:.16em}
body[data-page="thanks"] .simple-page h1{font-size:clamp(48px,7vw,72px);line-height:.99;letter-spacing:-.085em}
body[data-page="thanks"] .simple-page h1 .ink-gradient{background:linear-gradient(110deg,#dfff9a,#7ed8a5);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body[data-page="thanks"] .simple-page>p{max-width:560px;line-height:1.8}
.next-steps{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:18px 0 12px}
.next-step{position:relative;display:flex;flex-direction:column;gap:9px;padding:16px 14px 16px 0;border-top:1px solid #334133}
.next-step:after{content:"";position:absolute;left:0;top:-2px;width:0;height:2px;background:#c9f06a;transition:width .8s}
.next-step.is-done:after{width:100%}.next-step.is-current:after{width:45%;animation:step-progress 2s ease-in-out infinite alternate}
.next-step>span{color:#91a77d;font:9px var(--mono)}.next-step>b{color:#c7d0c2;font-size:10px;font-weight:500}
body[data-page="thanks"] .stack-actions{margin-top:16px}

body[data-page="admin"] .brand{gap:11px;letter-spacing:.11em;font-size:12px}
body[data-page="admin"] .nav-wrap{backdrop-filter:blur(20px)}
body[data-page="admin"] .admin-shell{position:relative}
body[data-page="admin"] .admin-login{position:relative;isolation:isolate;margin-top:35px;padding:42px 42px 38px;max-width:600px;overflow:hidden;background:linear-gradient(145deg,#111a13ee,#090d0bee);border:1px solid #c9f06a26;box-shadow:0 30px 100px #0009}
body[data-page="admin"] .admin-login:before{content:"";position:absolute;z-index:-1;right:-110px;top:-150px;width:400px;height:400px;border:1px solid #c9f06a1a;border-radius:50%;box-shadow:0 0 0 25px #c9f06a03,0 0 0 62px #c9f06a02}
body[data-page="admin"] .admin-login-art{position:relative;width:150px;height:150px;float:right;margin:-8px -9px 0 14px;display:grid;place-items:center}
body[data-page="admin"] .admin-login-art img{position:relative;z-index:2;width:68px;height:68px;filter:drop-shadow(0 0 22px #c9f06a4d)}
body[data-page="admin"] .admin-login-orbit{position:absolute;inset:5px;border:1px solid #c9f06a2b;border-radius:50%;animation:course-turn 28s linear infinite}
body[data-page="admin"] .admin-login-orbit:before,.admin-login-orbit:after{content:"";position:absolute;left:50%;top:-4px;width:7px;height:7px;border-radius:50%;background:#dfff9a;box-shadow:0 0 16px #c9f06a}
body[data-page="admin"] .admin-login-orbit:after{top:auto;bottom:-4px;left:25%;width:5px;height:5px}
body[data-page="admin"] .admin-login-orbit.orbit-right{inset:20px;border-style:dashed;animation-direction:reverse;animation-duration:19s}
body[data-page="admin"] .admin-login h1{font-size:clamp(48px,7vw,70px);margin:19px 0}
body[data-page="admin"] .admin-login form{clear:both}
body[data-page="admin"] .admin-login input{background:#0b100c;border-color:#29382a;padding:14px}
body[data-page="admin"] .admin-login form .button{box-shadow:0 12px 38px #c9f06a22}
body[data-page="admin"] .dashboard-signal{position:relative;height:86px;margin:-6px 0 17px;overflow:hidden;border-bottom:1px solid #c9f06a1b;background:linear-gradient(90deg,#c9f06a07,transparent 70%)}
body[data-page="admin"] .dashboard-signal:before{content:"";position:absolute;left:0;right:0;bottom:10px;height:1px;background:repeating-linear-gradient(90deg,#c9f06a15 0 1px,transparent 1px 9%)}
body[data-page="admin"] .dashboard-signal svg{width:100%;height:100%;overflow:visible}
body[data-page="admin"] .dashboard-signal path:first-child{stroke-dasharray:6 8;animation:wave-flow 12s linear infinite}
body[data-page="admin"] .dashboard-signal span{position:absolute;right:3px;top:4px;color:#a5b391;font:7px var(--mono);letter-spacing:.16em}
body[data-page="admin"] .metric-grid>div{position:relative;min-height:128px;overflow:hidden;background:linear-gradient(145deg,#131b14,#0b100c);border-color:#d9f6a516;transition:transform .35s,border-color .35s}
body[data-page="admin"] .metric-grid>div:hover{transform:translateY(-4px);border-color:#c9f06a55}
body[data-page="admin"] .metric-grid>div:after{content:"";position:absolute;right:-20px;bottom:-32px;width:85px;height:85px;border:1px solid #c9f06a20;border-radius:50%;box-shadow:0 0 0 13px #c9f06a04,0 0 0 28px #c9f06a03}
body[data-page="admin"] .metric-grid small{color:#afc78b}
body[data-page="admin"] .metric-grid b{font-size:38px;letter-spacing:-.06em}
body[data-page="admin"] .admin-toolbar h2,body[data-page="admin"] .studio-heading h2,body[data-page="admin"] .settings-section h2{font-size:32px}
body[data-page="admin"] .table-wrap{border-color:#c9f06a27;box-shadow:0 20px 60px #0005}
body[data-page="admin"] .table-wrap th{background:#121a13;color:#a5bb83}
body[data-page="admin"] .studio-main,body[data-page="admin"] .studio-side,body[data-page="admin"] .settings-grid{background:linear-gradient(145deg,#111a13,#0a0e0b);border-color:#dfff9a22}
body[data-page="admin"] .timer-card{position:relative;overflow:hidden;min-height:250px;border:1px solid #c9f06a1b;background:radial-gradient(ellipse at center,#243822,#0b100c 70%)}
body[data-page="admin"] .timer-card:before,body[data-page="admin"] .timer-card:after{content:"";position:absolute;left:50%;top:50%;width:210px;height:210px;transform:translate(-50%,-50%);border:1px solid #c9f06a1e;border-radius:50%;box-shadow:0 0 0 18px #c9f06a04;pointer-events:none}
body[data-page="admin"] .timer-card:after{width:164px;height:164px;border-color:#c9f06a34;border-style:dashed;animation:course-turn 38s linear infinite}
body[data-page="admin"] .timer-card>*{position:relative;z-index:1}
body[data-page="admin"] .timer-card strong{text-shadow:0 0 34px #c9f06a39}
body[data-page="admin"] .stage-bar{background:#0b100c;border-color:#c9f06a24}
body[data-page="admin"] .attendance{border-color:#c9f06a22}
body[data-page="admin"] .settings-section{position:relative}
body[data-page="admin"] .settings-grid input{background:#090e0b;border-color:#303b30}
body[data-page="admin"] .settings-grid input:focus{box-shadow:0 0 0 3px #c9f06a14}
body[data-page="admin"] .button-outline{border-color:#52624b}
body[data-page="admin"] .button-outline:hover{background:#c9f06a12;border-color:#c9f06a80}

@keyframes course-turn{to{transform:rotate(360deg)}}
@keyframes course-glow{to{transform:scale(1.18);opacity:.6}}
@keyframes course-chip{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes module-orbit{to{rotate:360deg}}
@keyframes morph-glow{to{transform:rotate(28deg) scale(.93);border-color:#c9f06a49}}
@keyframes broadcast-pulse{0%{opacity:.7;scale:.72}100%{opacity:0;scale:1.25}}
@keyframes wave-flow{to{stroke-dashoffset:-100}}
@keyframes node-pulse{50%{opacity:.35;scale:.65;box-shadow:0 0 4px #c9f06a}}
@keyframes sound-wave{to{transform:scaleY(.28);opacity:.45}}
@keyframes success-arrive{from{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes step-progress{to{width:100%}}
@media(max-width:900px){.course-hero{grid-template-columns:1fr;gap:20px;padding-top:45px}.course-cover{width:100%;max-height:none;aspect-ratio:1.28}.webinar-hero{grid-template-columns:1fr .7fr;gap:20px}.student-hero{grid-template-columns:1fr .65fr;gap:20px}.course-hero-copy h1{font-size:clamp(57px,10vw,84px)}}
@media(max-width:700px){.course-hero{padding-top:24px;gap:26px}.course-hero-copy h1{font-size:clamp(49px,12.8vw,68px)}.course-cover{aspect-ratio:1/1}.cover-chip{font-size:6px;padding:8px}.cover-caption{left:12px;right:12px;font-size:6px}.course-facts>div{min-height:105px;padding-left:69px}.course-facts>div:before{left:18px;top:24px}.course-map-title{align-items:flex-start;flex-direction:column}.course-map-title small{margin-top:-14px}.course-module-grid{grid-template-columns:1fr 1fr;gap:8px}.course-module-grid .module-card{min-height:214px;padding:17px}.course-module-grid .module-card b{font-size:14px;max-width:180px}.module-visual{width:67px;height:67px;right:8px;top:13px}.module-card-top{max-width:78%;min-height:84px}.course-module-grid .module-card p{font-size:10px;margin-top:15px}.course-cta{margin-top:65px;padding:26px}.course-cta:after{right:-48px;top:auto;bottom:-70px;transform:none}.webinar-room{padding-top:34px}.webinar-hero{grid-template-columns:1fr;gap:14px;padding-bottom:5px}.webinar-room h1{font-size:clamp(43px,11vw,62px)}.broadcast-art{min-height:185px}.broadcast-art:before,.broadcast-art:after{width:140px;height:140px}.broadcast-disc{width:65px;height:65px}.broadcast-disc img{width:44px;height:44px}.stream-box{margin-top:20px;aspect-ratio:4/3}.stream-placeholder{padding:25px 15px}.stream-stage-art{width:210px;height:210px;top:38%}.room-lower{padding:19px;gap:15px}.student-page{padding-top:35px}.student-hero{grid-template-columns:1fr;gap:0;padding-bottom:28px;min-height:0}.student-intro{order:0}.student-page h1{font-size:clamp(48px,12vw,65px)}.student-orbit{order:1;width:min(76vw,300px);margin-top:-10px}.student-page #student-content{padding-top:27px}.student-page .course-module-grid{grid-template-columns:1fr}.student-page .student-module{min-height:170px}.thanks-signal{width:140px;height:140px;margin-top:-9px}.signal-check{width:68px;height:68px}.signal-check svg{width:48px;height:48px}.next-steps{grid-template-columns:1fr;gap:1px;margin-top:24px}.next-step{min-height:61px;padding:9px 8px 10px 48px;border-top:0;border-left:1px solid #334133;justify-content:center}.next-step:after{left:-1px;top:0;width:2px;height:0;transition:height .8s}.next-step.is-done:after{width:2px;height:100%}.next-step.is-current:after{width:2px;height:45%;animation:step-progress-y 2s ease-in-out infinite alternate}.next-step>span{position:absolute;left:13px;top:16px}.next-step>b{font-size:11px}body[data-page="admin"] .nav{height:auto;min-height:66px;flex-wrap:wrap;padding-block:7px}body[data-page="admin"] .nav-links.open{position:static;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;order:3;width:100%;margin:6px 0 0;padding:0;overflow-x:auto;gap:18px;background:transparent;border:0;white-space:nowrap}body[data-page="admin"] .nav-links.open a{font-size:9px;padding:5px 0}body[data-page="admin"] .admin-login{margin:35px auto 80px;padding:26px 22px}.admin-login-art{float:none!important;width:112px!important;height:112px!important;margin:0 auto 14px!important}.admin-login-art img{width:53px!important;height:53px!important}.metric-grid{gap:7px}.metric-grid>div{min-height:114px!important;padding:12px!important}.metric-grid b{font-size:29px!important}.dashboard-signal{height:68px!important}.timer-card{min-height:230px!important}.course-module-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){body[data-page="course"] *,body[data-page="course"] *:before,body[data-page="course"] *:after,body[data-page="student"] *,body[data-page="student"] *:before,body[data-page="student"] *:after,body[data-page="webinar"] *,body[data-page="webinar"] *:before,body[data-page="webinar"] *:after,body[data-page="thanks"] *,body[data-page="thanks"] *:before,body[data-page="thanks"] *:after,body[data-page="admin"] *,body[data-page="admin"] *:before,body[data-page="admin"] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
@keyframes step-progress-y{to{height:100%}}
