@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&display=swap');
:root{--bg:#151c25;--bg2:#1a222d;--line:#38404a;--text:#f0f2f4;--sub:#c7cbd1;--mute:#a6aab2;--purple:#b277f2;--pink:#ee6ff2;--input:#222b36}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 31px;gap:56px;position:sticky;top:0;background:var(--bg);z-index:4}.brand{font:700 25px/1 Inter,sans-serif;color:white;text-decoration:none;letter-spacing:-1.4px;min-width:246px}.brand i{display:block;width:52px;color:#fff;border-top:3px solid #fff;border-radius:50%;font-style:normal;font-size:17px;line-height:7px;transform:translate(3px,-1px)}.search{height:36px;width:341px;border:1px solid #6b737e;border-radius:9px;display:flex;align-items:center;padding:0 12px;gap:8px;color:#aab0b9}.search span{font-size:23px}.search input{width:100%;border:0;outline:0;background:transparent;color:white;font:italic 16px Inter,sans-serif}.topbar nav{margin-left:auto;display:flex;gap:0;align-items:center}.topbar nav button{background:none;border:0;border-left:1px solid var(--line);color:#d7dbe0;width:56px;height:34px;font-size:23px;cursor:pointer}.topbar nav a{margin-left:22px;border:0;border-radius:6px;background:#f4f4f5;color:#1e2530;padding:9px 24px;text-decoration:none;font-weight:600;font-size:14px}.app-shell{display:grid;grid-template-columns:281px minmax(520px,1fr) 328px;min-height:calc(100vh - 77px)}.sidebar,.rightbar{border-right:1px solid var(--line)}.sidebar{padding:49px 24px 20px}.sidebar h1{margin:0 0 29px;font:500 25px/1.23 'DM Mono',monospace;letter-spacing:-1.2px}.side-nav{display:grid;gap:18px}.side-nav a{color:var(--text);text-decoration:none;font:500 16px/1.4 'DM Mono',monospace;display:flex;align-items:center;gap:9px;padding:9px 15px;border-radius:3px}.side-nav a b{font:400 20px Inter,sans-serif}.side-nav a i{font:400 19px Inter,sans-serif;margin-left:auto}.side-nav a.active{background:var(--purple);color:white}.side-nav small{display:block;margin:0 0 12px 17px;color:var(--text);font:14px 'DM Mono',monospace}.side-nav em{font-style:normal;color:#c993ff;float:right;margin-right:1px}.side-note{position:sticky;top:650px;margin-top:65px;color:var(--mute);font:13px/1.5 'DM Mono',monospace}.main-content{min-width:0}.welcome{padding:58px 47px 25px}.code-heading{font:500 clamp(32px,4vw,44px)/1.13 'DM Mono',monospace;letter-spacing:-1.7px;margin:0}.code-heading span,.code-label{color:var(--purple)}.intro{max-width:620px;font-size:16px;line-height:1.55;margin:18px 0}.button{font:600 16px Inter,sans-serif;padding:9px 17px;border-radius:4px;cursor:pointer;transition:transform .18s;background:none;color:var(--text)}.button:hover{transform:translateY(-2px)}.light-button{background:#eeeeef;border:0;color:#1c2430;min-width:110px}.disclaimer{font-size:12px;color:var(--mute);margin-top:13px}.spotlight{padding:0 47px 37px}.section-title{display:flex;align-items:center;justify-content:space-between}.section-title h2,.rightbar h2{font:500 27px/1.1 'DM Mono',monospace;margin:0}.section-title span{font:600 26px 'DM Mono',monospace}.spotlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:21px}.spotlight-grid article{min-width:0}.thumb{height:124px;margin-bottom:13px;border-radius:4px;overflow:hidden}.terminal{background:linear-gradient(135deg,#5b206d,#161e37);padding:20px;position:relative}.terminal:after{content:'';position:absolute;width:180px;height:180px;border:1px solid #e66af5;border-radius:50%;right:-50px;bottom:-110px}.terminal span{font:500 49px 'DM Mono',monospace;color:var(--pink);position:relative;z-index:1}.terminal small,.gradient small{font:500 10px 'DM Mono',monospace;position:absolute;bottom:15px;left:18px;color:#fff}.blocks{background:linear-gradient(125deg,#0e3a4c,#203b61);padding:24px;display:flex;gap:10px;align-items:center;justify-content:center;color:#a5dff1;font-size:31px}.gradient{background:linear-gradient(135deg,#e576f0,#ac63ef 51%,#475dc0);padding:22px;position:relative}.gradient span{font-size:57px;color:white}.spotlight h3{font:500 16px/1.25 'DM Mono',monospace;margin:0 0 7px}.spotlight p{font-size:13px;color:var(--sub);line-height:1.45;margin:0}.carousel-dots{text-align:center;margin-top:17px}.carousel-dots b{display:inline-block;width:9px;height:9px;border-radius:2px;background:#dedfe1;margin:0 3px}.carousel-dots .dim{background:#737a85}.rightbar{border-left:1px solid var(--line);border-right:0;padding:53px 47px 30px}.status{font:14px 'DM Mono',monospace;color:#d7dbe0}.purple-dot{color:var(--pink);font-size:23px;vertical-align:middle;margin-right:8px}.status b{font:400 11px Inter,sans-serif;color:#8edc96;float:right;margin-top:4px}.rightbar hr{border:0;border-top:1px solid var(--line);margin:23px 0 20px}.workshop-icon{height:74px;width:132px;border:5px solid var(--pink);font:500 50px/62px 'DM Mono',monospace;color:var(--pink);padding-left:8px;margin:12px 0 20px}.rightbar h2{font-size:20px;line-height:1.16}.rightbar p{font-size:16px;line-height:1.54;margin:14px 0 22px}.outline-button{border:2px solid #d6dbe1;background:transparent;min-width:166px}.rightbar h3{font:500 18px 'DM Mono',monospace;margin:0}.rightbar p.muted{font-size:14px;color:var(--sub)}.return-panel{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:45px 47px;display:grid;grid-template-columns:1fr 1.23fr;gap:50px;background:#18212c}.return-panel h2,.ready-panel h2{font:500 28px/1.12 'DM Mono',monospace;margin:12px 0}.return-panel>div p:not(.code-label),.ready-panel p{font-size:14px;color:var(--sub);line-height:1.5}.code-label{font:500 13px 'DM Mono',monospace;margin:0}.return-panel form{display:grid;gap:14px}.return-panel label,.admin-card label{display:grid;gap:7px;font:500 13px 'DM Mono',monospace;color:var(--text)}input{border:1px solid #6a727c;background:var(--input);padding:11px;color:white;border-radius:3px;font:14px Inter,sans-serif}input:focus{outline:2px solid var(--purple);border-color:var(--purple)}.checkbox{display:flex!important;align-items:flex-start;gap:9px;font:13px/1.45 Inter,sans-serif!important;color:var(--sub)!important}.checkbox input{width:16px;height:16px;padding:0;accent-color:var(--purple);margin:1px 0 0}.purple-button{background:var(--purple);border:0;color:white}.form-status{margin:0;min-height:20px;font-size:13px;color:var(--mute)}.success{color:#a4e3b1}.error{color:#ffb4b4}.ready-panel{padding:44px 47px;display:flex;justify-content:space-between;align-items:center}.ready-panel h2{font-size:22px}.ready-panel p{margin:8px 0 0}footer{border-top:1px solid var(--line);padding:16px 32px;background:#111821;color:var(--mute);font-size:12px;display:flex;justify-content:space-between}.admin-trigger{position:fixed;right:10px;bottom:10px;background:transparent;border:0;color:transparent;width:18px;height:18px;cursor:pointer}.admin-trigger:focus{color:white}dialog{border:0;padding:0;background:transparent}dialog::backdrop{background:#000b}.admin-card{position:relative;background:var(--bg2);border:1px solid var(--line);width:min(440px,calc(100vw - 40px));padding:40px;color:var(--text)}.admin-card h2{font:500 25px 'DM Mono',monospace}.admin-card p{color:var(--sub);line-height:1.5}.close{position:absolute;right:14px;top:12px;border:0;background:none;color:white;font-size:28px;cursor:pointer}.admin-card .button{margin-top:22px}@media(max-width:1050px){.app-shell{grid-template-columns:225px minmax(490px,1fr)}.rightbar{display:none}.brand{min-width:185px}.topbar{gap:20px}.search{width:260px}.sidebar{padding-left:18px;padding-right:18px}.welcome,.spotlight,.return-panel,.ready-panel{padding-left:32px;padding-right:32px}}@media(max-width:720px){.topbar{height:62px;padding:0 17px;gap:16px}.brand{min-width:0;font-size:20px}.brand i{width:42px}.search{display:none}.topbar nav button{display:none}.topbar nav a{padding:7px 12px;margin-left:0}.app-shell{display:block;min-height:0}.sidebar{display:none}.welcome{padding:48px 23px 27px}.code-heading{font-size:31px}.intro{font-size:14px}.spotlight{padding:0 23px 34px}.spotlight-grid{grid-template-columns:1fr;gap:25px}.thumb{height:144px}.return-panel{padding:35px 23px;grid-template-columns:1fr;gap:18px}.ready-panel{padding:34px 23px;display:block}.ready-panel button{margin-top:15px}footer{padding:14px 23px;display:block;line-height:1.7}.section-title h2{font-size:24px}}