:root{--bg:#0d0f12;--bg-elevated:#15181d;--bg-soft:#1a1f26;--border:hsla(0,0%,100%,.08);--border-strong:hsla(0,0%,100%,.12);--text:#f4f4f5;--text-muted:hsla(240,5%,96%,.68);--text-soft:hsla(240,5%,96%,.52);--shadow:0 10px 30px rgba(0,0,0,.22);--radius-xl:20px;--radius-lg:16px;--radius-md:14px;--radius-sm:12px;--space-1:8px;--space-2:12px;--space-3:16px;--space-4:20px;--space-5:24px;--space-6:32px;--container:1080px;--btn-bg:#f1f2f4;--btn-text:#121418;--btn-secondary-bg:#1a1f26;--btn-secondary-text:#f4f4f5;--success-bg:rgba(80,186,112,.14);--success-border:rgba(80,186,112,.22);--danger-bg:rgba(219,94,94,.14);--danger-border:rgba(219,94,94,.22)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}html{-webkit-text-size-adjust:100%}body{font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none}.page,.page-shell{min-height:100vh}.container{width:100%;max-width:var(--container);margin:0 auto;padding:32px 24px}.page-wrapper{width:100%;display:flex;justify-content:center}.page-inner{width:100%;max-width:var(--container)}.header{justify-content:center}.header,.header-inner{width:100%;display:flex}.header-inner{max-width:var(--container);padding:16px 24px;justify-content:space-between;align-items:center;gap:var(--space-4)}.grid{display:grid;grid-gap:var(--space-4);gap:var(--space-4)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.row{display:flex;align-items:center;gap:var(--space-2)}.row.wrap{flex-wrap:wrap}.section,.stack{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.space{height:var(--space-3)}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow)}.panel{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.divider{height:1px;background:var(--border);width:100%}h1,h2,h3,h4,p{margin:0}h1{font-size:clamp(28px,4vw,44px);line-height:1.08;letter-spacing:-.03em;max-width:800px}h1,h2{font-weight:800}h2{font-size:clamp(22px,3vw,32px);line-height:1.14;letter-spacing:-.02em}h3{font-size:clamp(18px,2.2vw,24px);line-height:1.22}h3,h4{font-weight:700}h4{font-size:16px;line-height:1.3}p{font-size:15px;line-height:1.65}.muted{color:var(--text-muted)}.soft{color:var(--text-soft)}.badge{display:inline-flex;align-items:center;justify-content:center;width:-moz-fit-content;width:fit-content;min-height:30px;padding:0 10px;border-radius:999px;background:hsla(0,0%,100%,.06);border:1px solid var(--border);color:var(--text);font-size:12px;font-weight:700}.code{display:block;padding:var(--space-3);background:#111418;color:#eceff3;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.code,.input,.select,textarea{border-radius:var(--radius-md);border:1px solid var(--border)}.input,.select,textarea{width:100%;min-width:0;min-height:48px;padding:12px 14px;background:#101318;color:var(--text);outline:none;transition:border-color .16s ease,background .16s ease}.input::placeholder,textarea::placeholder{color:var(--text-soft)}.input:focus,.select:focus,textarea:focus{border-color:var(--border-strong);background:#12161c}.btn,.button,label{display:inline-flex;gap:10px;align-items:center}.btn,.button{min-height:48px;padding:12px 16px;border-radius:var(--radius-md);border:1px solid transparent;justify-content:center;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease,border-color .16s ease;font-size:14px;line-height:1.35;font-weight:700}.btn:hover:not(:disabled),.button:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled,.button:disabled{opacity:.56;cursor:not-allowed}.btn-primary,.button{background:var(--btn-bg);color:var(--btn-text);border-color:hsla(0,0%,100%,.12)}.btn-secondary,.button.secondary{background:var(--btn-secondary-bg)}.btn-ghost,.btn-secondary,.button.secondary{color:var(--btn-secondary-text);border-color:var(--border)}.btn-ghost{background:transparent}.btn-full{width:100%}.alert,.error,.success{padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--border);font-size:14px;line-height:1.6}.success{background:var(--success-bg);border-color:var(--success-border)}.error{background:var(--danger-bg);border-color:var(--danger-border)}.kv{display:grid;grid-gap:10px;gap:10px}.kv-row{display:flex;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:var(--radius-md);background:var(--bg-soft);border:1px solid var(--border)}.kv-row>span{color:var(--text-muted)}.kv-row>strong{text-align:right;word-break:break-word}.card.grid{justify-items:start}.card h1,.card h2,.card h3,.card p,.code,.kv-row,.panel,.panel h3,.panel p{text-align:left}@media (max-width:960px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr 1fr}}@media (max-width:720px){.container{padding:16px 14px}.header-inner{padding:14px;align-items:flex-start;flex-direction:column}.card{padding:16px;border-radius:16px}.panel{padding:14px;border-radius:14px}.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}.row{flex-wrap:wrap}.btn,.btn-full,.button{width:100%}.kv-row{flex-direction:column;align-items:flex-start;gap:6px}.kv-row>strong{text-align:left}p{font-size:14px}}