:root{--black:#0a0a0a;--white:#fff;--paper:#f4f4f0;--blue:#0080ff;--red:#e8402b;--grey:#6b6b6b;--button-shadow:var(--black);--border:3px solid var(--black)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--black);margin:0;font-family:JetBrains Mono,Courier New,Courier,monospace;line-height:1.5}#root{flex-direction:column;min-height:100svh;display:flex}img{max-width:100%;display:block}a{color:inherit}.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}nav.topbar{background:var(--black);color:var(--white);z-index:50;border-bottom:3px solid var(--blue);position:sticky;top:0}nav.topbar .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;padding-bottom:12px;display:flex}nav.topbar .brand{letter-spacing:1px;text-transform:uppercase;color:var(--white);font-size:14px;font-weight:800;text-decoration:none}nav.topbar .brand span{color:var(--blue)}nav.topbar .links{flex-wrap:wrap;align-items:center;gap:16px;display:flex}nav.topbar .links a{color:var(--white);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #0000;padding-bottom:3px;font-size:12px;text-decoration:none}nav.topbar .links a:hover,nav.topbar .links a.active{border-bottom-color:var(--blue)}nav.topbar .links button.logout{appearance:none;color:var(--white);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;border-bottom:2px solid #0000;padding:0 0 3px;font-family:inherit;font-size:12px}nav.topbar .links button.logout:hover{border-bottom-color:var(--red)}header.hero{background:var(--black);color:var(--white);border-bottom:6px solid var(--blue);padding:64px 0 72px}header.hero .tag{background:var(--blue);color:var(--black);letter-spacing:1px;text-transform:uppercase;margin-bottom:20px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-block}header.hero h1{text-transform:uppercase;letter-spacing:-.5px;margin:0 0 18px;font-size:clamp(28px,6vw,44px);font-weight:800;line-height:1.1}header.hero h1 em{color:var(--blue);font-style:normal}header.hero p.lead{color:#d8d8d8;max-width:560px;margin:0 0 28px;font-size:16px}.meta-row{flex-wrap:wrap;gap:10px;display:flex}.meta-chip{border:2px solid var(--white);text-transform:uppercase;padding:6px 12px;font-size:12px;font-weight:700}section{padding:56px 0}main{flex-direction:column;flex:1;display:flex}.eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--blue);margin:0 0 10px;font-size:12px;font-weight:800}h2.section-title{text-transform:uppercase;letter-spacing:-.5px;margin:0 0 14px;font-size:clamp(22px,4.5vw,30px);font-weight:800}p.section-lead{max-width:620px;color:var(--grey);margin:0 0 36px;font-size:15px}p.empty-state{color:var(--grey);font-size:14px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;display:grid}.card-link-wrapper{color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s;display:block}.card-link-wrapper:hover .card{box-shadow:8px 8px 0 var(--black)}.card-link-wrapper:hover{transform:translate(-2px,-2px)}.card{border:var(--border);background:var(--white);cursor:pointer;flex-direction:column;gap:0;padding:0;transition:box-shadow .2s;display:flex;overflow:hidden}.card-cover{border-bottom:3px solid var(--black);width:100%;max-width:100%;height:auto;display:block}.card>:not(.card-cover){padding:0 24px}.card>:first-child:not(.card-cover){padding-top:24px}.card>:last-child{padding-bottom:24px}.card-header{align-items:center;gap:16px;margin:0;display:flex}.card-header .n{color:var(--blue);-webkit-text-stroke:2px var(--black);flex-shrink:0;margin:0;font-size:26px;font-weight:800;line-height:1.2}.card-header h3{text-transform:uppercase;flex:1;margin:0;font-size:16px;font-weight:800;line-height:1.2}.card .n,.card h3,.card p{margin:10px 0}.card .n:first-of-type{margin-top:0}.card p{color:var(--grey);margin:0;font-size:14px}.card p.card-meta{margin-top:10px;font-size:13px}.card pre{background:var(--black);color:var(--paper);border:2px solid var(--black);white-space:pre-wrap;word-break:break-word;padding:12px;font-size:12px;overflow-x:auto}.badge{background:var(--paper);border:2px solid var(--black);text-transform:uppercase;align-self:flex-start;padding:4px 8px;font-size:11px;font-weight:800;display:inline-block}.btn{text-transform:uppercase;letter-spacing:.5px;border:3px solid var(--black);background:var(--blue);color:var(--white);box-shadow:6px 6px 0 var(--button-shadow);cursor:pointer;padding:12px 22px;font-family:inherit;font-size:13px;font-weight:800;text-decoration:none;display:inline-block}.btn:hover{box-shadow:3px 3px 0 var(--button-shadow);transform:translate(3px,3px)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:6px 6px 0 var(--button-shadow);transform:none}.tabs{border:var(--border);background:var(--white)}.tablist{border-bottom:var(--border);background:var(--paper);flex-wrap:wrap;display:flex}.tablist button{appearance:none;border:none;border-right:2px solid var(--black);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;color:var(--black);background:0 0;padding:12px 16px;font-family:inherit;font-size:12px;font-weight:800}.tablist button[aria-selected=true]{background:var(--blue);box-shadow:inset 0 -4px 0 var(--black)}.tablist button:hover{background:var(--blue)}.tabpanel{padding:24px}.tabpanel h3{text-transform:uppercase;margin-top:0;font-weight:800}.tabpanel pre{background:var(--black);color:var(--paper);border:var(--border);white-space:pre-wrap;word-break:break-word;padding:16px;font-size:13px;overflow-x:auto}.notes-content :is(h1,h2,h3,h4){text-transform:uppercase;font-weight:800}.notes-content :is(ul,ol){padding-left:22px}.session-sidebar-layout{grid-template-columns:280px 1fr;gap:24px;min-height:500px;display:grid}.section-nav{border:var(--border);background:var(--white);flex-direction:column;display:flex;overflow-y:auto}.section-group{border-bottom:2px solid var(--black)}.section-group:last-child{border-bottom:none}.section-group-header{appearance:none;background:var(--paper);border:none;border-bottom:2px solid var(--black);text-transform:uppercase;letter-spacing:.5px;cursor:pointer;color:var(--black);justify-content:space-between;align-items:center;padding:12px 16px;font-family:inherit;font-size:12px;font-weight:800;display:flex}.section-group-header:hover{background:var(--blue);color:var(--white)}.toggle-icon{font-size:14px;font-weight:800}.section-group-items{flex-direction:column;display:flex}.section-item{appearance:none;color:var(--grey);text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-family:inherit;font-size:13px;transition:all .2s}.section-item:hover{background:var(--paper);color:var(--black)}.section-item.active{background:var(--blue);color:var(--white);font-weight:700}.section-panel{border:var(--border);background:var(--white);flex-direction:column;min-height:500px;display:flex}.section-content{aspect-ratio:16/9;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:20px;padding:32px;animation:.3s ease-in fadeIn;display:flex;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.section-content h2{text-transform:uppercase;margin:0;font-size:clamp(18px,4vw,24px);font-weight:800}.section-media{width:100%;max-width:100%;margin:12px 0}.section-media img,.section-media iframe{border:2px solid var(--black);width:100%;max-width:100%;height:auto;display:block}.section-media iframe{aspect-ratio:16/9}.section-body{max-width:600px;color:var(--grey);font-size:14px;line-height:1.6}.section-body :is(h1,h2,h3,h4){text-transform:uppercase;color:var(--black);font-weight:800}.section-body :is(ul,ol){padding-left:22px}.section-empty{color:var(--grey);flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}.section-controls{border-top:3px solid var(--black);background:var(--paper);justify-content:center;align-items:center;gap:16px;padding:20px 32px;display:flex}.section-counter{text-transform:uppercase;letter-spacing:.5px;color:var(--grey);text-align:center;min-width:80px;font-size:12px;font-weight:800}.btn-nav{white-space:nowrap;padding:8px 14px;font-size:12px}.embed{border:var(--border);box-shadow:8px 8px 0 var(--blue);background:var(--white)}.embed iframe{border:0;width:100%;min-height:70vh;display:block}.login-page{background:var(--paper);flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"60\" height=\"60\" viewBox=\"0 0 60 60\"%3E%3Cg stroke=\"%230a0a0a\" stroke-width=\"1\" fill=\"none\" opacity=\"0.09\"%3E%3Cpath d=\"M0 0 L60 60 M60 0 L0 60\"/%3E%3C/g%3E%3Cg fill=\"%230a0a0a\" opacity=\"0.09\"%3E%3Ccircle cx=\"0\" cy=\"0\" r=\"1.5\"/%3E%3Ccircle cx=\"60\" cy=\"0\" r=\"1.5\"/%3E%3Ccircle cx=\"0\" cy=\"60\" r=\"1.5\"/%3E%3Ccircle cx=\"60\" cy=\"60\" r=\"1.5\"/%3E%3Ccircle cx=\"30\" cy=\"30\" r=\"1.5\"/%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-size:60px 60px;position:absolute;inset:0}.login-page:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(620px 520px,#f2f2ecf0 0%,#f2f2ec8c 50%,#f2f2ec00 100%);position:absolute;inset:0}.login-card{border:var(--border);background:var(--white);width:100%;max-width:520px;box-shadow:14px 14px 0 var(--blue);z-index:2;padding:44px 46px 46px;position:relative}.login-title{text-transform:uppercase;letter-spacing:.07em;margin:0 0 16px;font-size:23px;font-weight:800}.login-lead{color:var(--grey);margin:0 0 30px;font-size:14px;line-height:1.65}.login-field{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.login-field label{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}.login-input{border:2px solid var(--black);background:var(--paper);height:48px;color:var(--black);padding:0 14px;font-family:inherit;font-size:15px}.login-input:focus{background:var(--white);box-shadow:4px 4px 0 var(--blue);outline:none}.login-error{color:var(--red);margin:0 0 16px;font-size:13px;font-weight:700}.progress-stepper{flex-direction:column;justify-content:center;height:34px;margin-bottom:26px;display:flex;position:relative}.stepper-line{background:#dedcd0;height:2px;position:absolute;top:9px;left:6px;right:6px;overflow:hidden}.stepper-line-fill{background:linear-gradient(90deg, var(--blue), var(--blue));height:100%;transition:width .45s cubic-bezier(.4,0,.2,1)}.stepper-nodes{justify-content:space-between;align-items:flex-start;padding:0 6px;display:flex;position:relative}.stepper-node{flex-direction:column;flex:1;align-items:center;gap:9px;display:flex}.node-dot{border:2px solid var(--black);background:var(--white);width:14px;height:14px;box-shadow:none;border-radius:50%;transition:background .3s,box-shadow .3s}.stepper-node.is-active .node-dot{background:var(--blue);box-shadow:0 0 0 4px #0080ff33}.node-label{letter-spacing:.14em;text-transform:uppercase;color:#a8a69a;text-align:center;font-size:10px;font-weight:800;line-height:1;transition:color .3s}.stepper-node.is-active .node-label{color:var(--black)}.login-submit{text-transform:uppercase;letter-spacing:.14em;border:3px solid var(--black);width:100%;height:56px;color:var(--black);box-shadow:8px 8px 0 var(--button-shadow);cursor:pointer;background:#f0efe6;padding:0;font-family:inherit;font-size:15px;font-weight:800;text-decoration:none;transition:background .3s,color .3s,transform .12s;display:block}.login-submit:hover{box-shadow:4px 4px 0 var(--button-shadow);transform:translate(4px,4px)}.login-submit:active{box-shadow:8px 8px 0 var(--button-shadow);transform:translate(8px,8px)}.login-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-submit.is-ready{background:var(--blue);color:var(--white)}.loading-state{color:var(--grey);text-transform:uppercase;letter-spacing:.5px;flex:1;justify-content:center;align-items:center;padding:60px 20px;font-size:13px;display:flex}footer{background:var(--black);color:#ccc;border-top:3px solid var(--blue);padding:28px 0;font-size:12px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}@media (width<=1024px){.session-sidebar-layout{grid-template-columns:1fr;gap:0}.section-nav{border-bottom:3px solid var(--black);border-right:none;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:0;max-height:120px;display:grid}.section-group{border-bottom:none;border-right:2px solid var(--black)}.section-group:last-child{border-right:none}.section-group-header{border-bottom:none;border-right:2px solid var(--black)}.section-group-items{display:none}}@media (width<=640px){.tablist button{border-bottom:2px solid var(--black);flex:auto}.session-sidebar-layout{grid-template-columns:1fr}.section-nav{border-bottom:3px solid var(--black);grid-template-columns:1fr;max-height:none}.section-group{border-right:none;border-bottom:2px solid var(--black)}.section-group:last-child{border-bottom:none}.section-group-header{border-right:none}.section-content{aspect-ratio:auto;min-height:300px;padding:20px}.section-controls{flex-wrap:wrap;gap:12px;padding:16px 20px}.btn-nav{flex:1;min-width:100px}}@media (prefers-color-scheme:dark){body{color:#eee;background:#16161a}.card{background:#1c1c20;border-color:#444}.card p,p.section-lead{color:#aaa}.badge{color:#eee;background:#23232a;border-color:#555}.tabs{background:#1c1c20;border-color:#444}.tablist{background:#16161a;border-color:#444}.tablist button{color:#eee;border-color:#444}.tablist button[aria-selected=true],.tablist button:hover{background:var(--blue);color:var(--white)}.embed{background:#1c1c20;border-color:#444}.section-nav{background:#1c1c20;border-color:#555}.section-group{border-color:#444}.section-group-header{color:#eee;background:#23232a;border-color:#444}.section-group-header:hover{background:var(--blue);color:var(--white)}.section-item{color:#888}.section-item:hover{color:#eee;background:#23232a}.section-item.active{background:var(--blue);color:var(--white)}.section-panel{background:#1c1c20;border-color:#444}.section-content,.section-content h2{color:#eee}.section-body{color:#aaa}.section-body :is(h1,h2,h3,h4){color:#eee}.section-controls{background:#16161a;border-color:#444}.section-counter{color:#888}.login-page{background:#16161a}.login-page:before{background-image:url("data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"60\" height=\"60\" viewBox=\"0 0 60 60\"%3E%3Cg stroke=\"%23eee\" stroke-width=\"1\" fill=\"none\" opacity=\"0.09\"%3E%3Cpath d=\"M0 0 L60 60 M60 0 L0 60\"/%3E%3C/g%3E%3Cg fill=\"%23eee\" opacity=\"0.09\"%3E%3Ccircle cx=\"0\" cy=\"0\" r=\"1.5\"/%3E%3Ccircle cx=\"60\" cy=\"0\" r=\"1.5\"/%3E%3Ccircle cx=\"0\" cy=\"60\" r=\"1.5\"/%3E%3Ccircle cx=\"60\" cy=\"60\" r=\"1.5\"/%3E%3Ccircle cx=\"30\" cy=\"30\" r=\"1.5\"/%3E%3C/g%3E%3C/svg%3E")}.login-page:after{background:radial-gradient(620px 520px,#16161af0 0%,#16161a8c 50%,#16161a00 100%)}.login-card{background:#1c1c20;border-color:#444}.login-input{color:#eee;background:#16161a;border-color:#444}.login-input:focus{box-shadow:4px 4px 0 var(--blue);background:#23232a}.login-submit{color:#eee;background:#2a2a30}.login-submit.is-ready{background:var(--blue);color:var(--white)}.stepper-line{background:#2a2a30}.node-dot{background:#16161a;border-color:#555}.stepper-node.is-active .node-dot{background:var(--blue);box-shadow:0 0 0 4px #0080ff26}.node-label{color:#888}.stepper-node.is-active .node-label{color:#eee}}