:root{--bg:#101827;--surface:#1c2b42;--primary:#087ecf;--cyan:#0bc2f6;--text:#f7faff;--border:#2d4360;--muted:#a3b3c9;--deep:#02316b;--radius:16px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a:hover{color:var(--cyan)}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}img{max-width:100%;object-fit:cover}h1,h2,h3{line-height:1.12;letter-spacing:-.045em;margin:0 0 20px}h1{font-size:clamp(36px,5vw,66px)}h2{font-size:clamp(28px,3vw,39px)}h3{font-size:22px}p{margin:0 0 20px;color:var(--muted)}.container{width:min(1200px,calc(100% - 80px));margin:auto}.cyan,.text-link{color:var(--cyan)}.muted{color:var(--muted)}.green{color:#80e6be}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:700;color:var(--cyan);display:block;margin-bottom:20px}.site-header{border-bottom:1px solid #26364c;background:#101827ec;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:88px}.brand{display:flex;align-items:center;font-size:24px;font-weight:760;letter-spacing:-.045em}.brand-mark{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #0bc2f655;border-radius:11px;color:var(--cyan);font-size:26px;margin-right:12px;background:#0bc2f608}.brand-mark span{font-size:25px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600;color:#bfcee0}.nav-about{border-left:1px solid var(--border);padding-left:28px}.nav-about span{color:var(--cyan);padding-left:12px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:650px;padding-top:75px;padding-bottom:80px;gap:32px}.hero h1{max-width:650px;font-size:clamp(38px,4.55vw,62px);line-height:1.09}.hero-intro{font-size:18px;max-width:440px;margin:26px 0 32px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px #0bc2f688;margin-right:8px}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;background:#087ecf;color:white;border:1px solid #279ce6;border-radius:8px;padding:13px 22px;font-size:13px;font-weight:650;transition:background .15s,transform .15s;line-height:1.5}.button:hover{color:white;background:#0463bb;transform:translateY(-1px)}.button.secondary{background:#ffffff03;border-color:#39506e;color:var(--text)}.button.secondary:hover{background:var(--surface)}.button-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero-note{display:flex;gap:13px;align-items:center;margin-top:32px;font-size:11px;color:#92a8c5}.code-tag{padding:3px 8px;border:1px solid #355472;border-radius:4px;font-size:10px;letter-spacing:.1em;color:var(--cyan)}.hero-art{position:relative;height:450px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#087ecf20 0%,transparent 64%);overflow:hidden}.hero-art::before{content:"";position:absolute;width:100%;height:100%;background-image:linear-gradient(#0bc2f609 1px,transparent 1px),linear-gradient(90deg,#0bc2f609 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,black,transparent 70%)}.hero-emblem{color:var(--cyan);font-size:160px;line-height:1;font-weight:900;letter-spacing:-.12em;text-shadow:0 0 80px #087ecf60;transform:rotate(-8deg);position:relative}.hero-emblem span{color:#087ecf}.orbit{position:absolute;border:1px solid #0bc2f628;border-radius:50%;transform:rotate(-30deg)}.orbit-one{width:345px;height:270px}.orbit-two{width:460px;height:340px;transform:rotate(30deg)}.orbit-one::after{content:"";position:absolute;top:43px;left:25px;background:var(--cyan);height:8px;width:8px;border-radius:50%;box-shadow:0 0 20px #0bc2f6}.art-label{position:absolute;font-family:ui-monospace,monospace;font-size:12px;background:#17253a;border:1px solid #29476b;padding:12px 18px;border-radius:9px;box-shadow:0 12px 40px #0003}.label-one{top:58px;left:28px;color:#86c9f8;transform:rotate(-5deg)}.label-two{right:4px;top:247px;transform:rotate(4deg);color:var(--cyan)}.label-three{bottom:62px;left:26px;font-size:10px;color:#88a8d1}.art-caption{position:absolute;bottom:10px;font-size:9px;letter-spacing:.25em;color:#6e8ab0}.tech-strip{border-top:1px solid #24374f;border-bottom:1px solid #24374f;background:#152034}.tech-strip .container{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:77px;font-size:13px;color:#91a6c1;flex-wrap:wrap;padding:15px 0}.tech-strip .container>span:first-child{font-size:9px;letter-spacing:.16em;color:#657f9e}.tech-strip strong{font-weight:600}.section{padding-top:80px;padding-bottom:80px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:32px}.section-heading h2{margin-bottom:12px}.section-heading p{margin:0}.section-heading>.text-link{font-size:12px;white-space:nowrap;padding-bottom:4px}.text-link{font-size:13px;font-weight:600}.text-link span{float:right}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:#152135;border:1px solid #293b54;border-radius:12px;overflow:hidden;transition:border-color .2s,transform .2s}.card:hover{border-color:#087ecf;transform:translateY(-3px)}.card-visual{position:relative;background:radial-gradient(ellipse at 55% 40%,#087ecf30,transparent),#182840;display:flex;align-items:center;justify-content:center;height:180px;border-bottom:1px solid #2b3d56}.card-visual img{width:100%;height:100%}.code-symbol{font-family:ui-monospace,monospace;font-size:60px;color:#0bc2f666;letter-spacing:-.1em}.card-type{position:absolute;left:18px;bottom:16px;letter-spacing:.1em;font-size:9px;color:#88b1de}.card-content{padding:24px}.card-content h3{margin:16px 0 12px}.card-content p{font-size:13px;min-height:43px}.card-top{display:flex;align-items:center;justify-content:space-between;font-size:10px}.badge{display:inline-block;background:#0bc2f611;color:#8fdff9;border:1px solid #0bc2f62b;border-radius:5px;padding:3px 9px;font-size:10px;letter-spacing:.035em}.card-content .text-link{display:block;border-top:1px solid #293b54;padding-top:17px}.empty-state{padding:45px;border:1px dashed #2d4360;border-radius:12px;background:#17233755;text-align:center}.empty-state .code-symbol{display:block;margin-bottom:16px}.empty-state h3{font-size:24px}.empty-state p{font-size:14px}.empty-state .button-row{justify-content:center}.community-section{background:#141f31;border-top:1px solid #24354d;border-bottom:1px solid #24354d}.community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.community-card{position:relative;display:block;padding:32px;border:1px solid #304661;border-radius:12px;background:linear-gradient(120deg,#1b2c46,#162235);overflow:hidden}.community-card:hover{border-color:var(--primary);color:var(--text)}.community-card .eyebrow{font-size:9px;margin-top:24px;margin-bottom:12px;color:#81afd9}.community-card h3{font-size:30px}.community-card p{font-size:14px;max-width:330px;min-height:46px}.community-icon{position:absolute;right:30px;top:32px;background:#087ecf28;width:60px;height:60px;border-radius:15px;display:grid;place-items:center;color:var(--cyan);font-size:32px}.docs-banner{border:1px solid #304660;background:linear-gradient(120deg,#1b2c45,#152137);border-radius:16px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.docs-banner p{max-width:370px;font-size:14px}.terminal{border:1px solid #314860;border-radius:10px;background:#101b2c;overflow:hidden;font-size:12px}.terminal-bar{background:#1d2c42;display:flex;gap:6px;align-items:center;padding:13px 16px}.terminal-bar i{width:7px;height:7px;border-radius:50%;background:#53647a}.terminal-bar span{margin-left:12px;color:#829bb6;font-size:10px}.terminal pre{padding:24px 20px;line-height:2;overflow:auto}.terminal-status{display:block;padding:12px 20px;border-top:1px solid #24364c;color:#71d5b1;font-size:10px}.site-footer{border-top:1px solid #273950;background:#0e1623}.footer-grid{padding:40px 0;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-grid p{font-size:12px;margin:0}.footer-grid>a:last-child{font-size:12px;color:#a6bdd4}.footer-bottom{border-top:1px solid #24354a;padding:20px 0;display:flex;justify-content:space-between;font-size:10px;color:#6f87a3}.catalog-page{min-height:65vh}.lead{font-size:19px;max-width:760px}.filters{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap;margin:30px 0}.filters label{flex:1;min-width:180px}.search-label{flex:2!important}.result-count{font-size:12px}.pagination{display:flex;justify-content:center;align-items:center;gap:26px;margin-top:32px;font-size:13px}.detail-header{max-width:900px;margin:0 0 42px}.detail-cover{width:100%;height:auto;max-height:460px;border-radius:16px;margin-bottom:40px}.detail-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:60px}.detail-aside{font-size:12px}.detail-aside h3{font-size:16px}.detail-aside nav,.detail-aside>a{display:block}.detail-aside a{display:block;color:#8cbce5;margin:12px 0}.detail-aside dt{color:var(--muted);text-transform:capitalize;margin-top:15px}.detail-aside dd{margin:0;overflow-wrap:anywhere}.prose{max-width:820px;overflow-wrap:anywhere}.prose p{color:#c6d3e4}.prose h2{font-size:29px;margin-top:38px}.prose h3{font-size:23px;margin-top:32px}.prose a{color:var(--cyan);text-decoration:underline;text-underline-offset:4px}.prose pre{background:#0b1421;border:1px solid #2d4360;border-radius:10px;padding:22px;overflow:auto}.prose code{font-family:ui-monospace,monospace;font-size:.87em;color:#a7dcfc}.prose blockquote{margin-left:0;border-left:3px solid var(--primary);padding:12px 20px;background:#1c2b42}.prose img{border-radius:10px;height:auto}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 65% 30%,#02316b66,transparent 65%),var(--bg);padding:30px}.login-card{background:#17253a;border:1px solid #35506e;border-radius:20px;padding:44px;width:min(480px,100%)}.login-card .brand{margin-bottom:38px}.login-card h1{font-size:32px}.login-card .eyebrow{font-size:10px}.login-card>.text-link{display:inline-block;margin-top:24px}label{display:block;font-size:12px;font-weight:600;color:#b6c8dd;margin-bottom:16px}input,select,textarea{display:block;width:100%;padding:12px 14px;background:#111d30;border:1px solid #344c69;border-radius:7px;color:#f7faff;font-size:14px;margin-top:7px}input::placeholder,textarea::placeholder{color:#7590ad}textarea{resize:vertical;line-height:1.7}input[type=checkbox]{width:auto;margin:0}.checkbox-label{display:flex;align-items:center;gap:10px;margin-top:22px}.form-stack .button{width:100%}.admin-body{background:#0f1827}.admin-sidebar{width:250px;position:fixed;top:0;bottom:0;left:0;padding:32px 22px;background:#142035;border-right:1px solid #2d4360;display:flex;flex-direction:column;overflow:auto}.admin-sidebar>.eyebrow{font-size:9px;color:#7592b4;margin:25px 12px 18px}.admin-sidebar .brand{font-size:20px}.admin-sidebar nav a{display:block;padding:10px 13px;font-size:13px;color:#bacbe0;border-radius:7px}.admin-sidebar nav a:hover{background:#087ecf20;color:var(--cyan)}.sidebar-bottom{margin-top:auto;padding-top:30px;font-size:12px}.sidebar-bottom .button{margin-top:20px}.admin-main{margin-left:250px;padding:42px;max-width:1600px;min-height:100vh}.admin-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.admin-heading .eyebrow{font-size:9px;color:#718fb2}.admin-heading h1{font-size:34px;margin:0}.admin-welcome{background:linear-gradient(110deg,#02316b80,#1c2b42);border:1px solid #30537a;border-radius:15px;padding:40px;margin-bottom:28px}.admin-welcome h2{font-size:32px}.admin-welcome .eyebrow{font-size:9px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:28px}.stats article{border:1px solid #2d4360;background:#17253a;padding:22px;border-radius:12px}.stats span{font-size:10px;color:#9eb9d8;letter-spacing:.08em}.stats strong{display:block;font-size:36px}.panel{background:#17253a;border:1px solid #2d4360;border-radius:12px;padding:28px;margin-bottom:22px}.panel h2{font-size:22px}.panel p{font-size:12px}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:15px 0}.workflow span{color:var(--cyan);font-size:12px}.workflow h3{font-size:19px;margin:10px 0}.table-wrap{width:100%;overflow:auto;border:1px solid #2d4360;border-radius:10px;background:#17253a}table{border-collapse:collapse;width:100%;font-size:12px;min-width:650px}th,td{padding:16px 20px;border-bottom:1px solid #2b3e56;text-align:left}th{color:#8ca9c9;font-size:10px;letter-spacing:.04em}td{overflow-wrap:anywhere}tbody tr:last-child td{border-bottom:0}.toolbar{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.toolbar p{font-size:12px;margin:0}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.sticky{position:sticky;top:25px}.full{width:100%;margin:8px 0}.editor-grid aside .text-link{display:block;margin-top:14px}.code-editor{font-family:ui-monospace,monospace;font-size:13px}.compact{align-items:center;margin-bottom:14px}.compact h2{margin:0}.compact .button{padding:8px 12px}.notice{background:#0bc2f615;border:1px solid #0bc2f640;padding:15px 20px;border-radius:8px;margin-bottom:24px;font-size:13px}.notice.error{background:#ef666618;border-color:#ef666650;color:#ffbbbb}.danger{background:#a43845;border-color:#c25564;margin-top:24px}.text-button{background:none;border:0;color:var(--cyan);padding:15px 0;font-size:12px}.panel .filters label{margin:0}.panel form .button{align-self:end}.button:disabled{opacity:.6;cursor:wait}#markdown-preview{margin-top:24px;border-top:1px solid #35506e;padding-top:20px}[hidden]{display:none!important}@media(min-width:1600px){.hero{min-height:700px}}@media(max-width:1050px){.container{width:calc(100% - 48px)}.site-header nav{gap:18px}.hero{gap:10px}.hero-art{height:380px}.hero-emblem{font-size:130px}.orbit-one{width:260px;height:240px}.orbit-two{width:360px;height:280px}.label-one{left:0}.label-two{right:0}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.docs-banner{padding:32px;gap:25px}.admin-main{padding:28px;margin-left:220px}.admin-sidebar{width:220px;padding:24px 15px}.editor-grid{grid-template-columns:1fr}.sticky{position:static}.editor-grid>aside{grid-row:1}.editor-grid>aside .panel{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px}.editor-grid>aside .panel h2,.editor-grid>aside .panel p{grid-column:1/-1}.editor-grid>aside .panel label{margin:0}.footer-grid{flex-wrap:wrap}}@media(max-width:720px){.container{width:calc(100% - 36px)}.nav-wrap{min-height:72px}.brand{font-size:22px}.menu-toggle{display:block;background:#1c2b42;border:1px solid #2d4360;color:#d8e8fa;border-radius:6px;padding:8px 12px;font-size:12px}.site-header nav{display:none;position:absolute;top:72px;left:0;right:0;padding:20px;background:#152238;border-bottom:1px solid #2d4360}.site-header nav.open{display:flex;flex-direction:column;align-items:flex-start}.nav-about{border:0;padding-left:0}.hero{grid-template-columns:1fr;min-height:0;padding-top:60px;padding-bottom:45px}.hero h1{font-size:45px}.hero-art{height:310px;max-width:440px;width:100%;margin:auto}.label-one{top:25px;left:15px}.label-three{bottom:45px}.label-two{top:190px}.hero-intro{font-size:16px}.tech-strip .container{justify-content:center;gap:13px;font-size:11px}.tech-strip .container>span:first-child{width:100%;text-align:center}.section{padding-top:50px;padding-bottom:50px}.section-heading{align-items:flex-start;flex-direction:column;gap:14px}.section-heading h2{font-size:30px}.cards,.community-grid{grid-template-columns:1fr}.docs-banner{grid-template-columns:1fr;padding:28px}.card-visual{height:190px}.community-card{padding:26px}.detail-layout{grid-template-columns:1fr;gap:24px}.detail-aside dl{display:flex;flex-wrap:wrap;gap:12px}.detail-aside dt{margin:0}.footer-grid{flex-direction:column;align-items:flex-start;padding:30px 0;gap:18px}.footer-bottom{font-size:9px;gap:18px}.login-card{padding:28px}.admin-sidebar{position:relative;width:100%;padding:20px}.admin-sidebar nav{display:flex;overflow:auto;margin-top:15px}.admin-sidebar nav a{white-space:nowrap}.admin-sidebar>.eyebrow{display:none}.sidebar-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:15px}.sidebar-bottom .button{margin:0;padding:6px 20px}.admin-main{margin:0;padding:24px 18px}.admin-heading h1{font-size:28px}.admin-heading .badge{max-width:100px;overflow:hidden}.admin-welcome{padding:27px}.panel{padding:22px}.form-grid{grid-template-columns:1fr}.workflow{grid-template-columns:1fr;gap:8px}.editor-grid>aside .panel{display:block}.editor-grid>aside .panel label{margin-bottom:15px}.toolbar{align-items:flex-start;gap:16px}.empty-state{padding:30px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}