:root{--nb-bg:#1a1a1a;--nb-surface:#f4f4f0;--nb-white:#ffffff;--nb-ink:#0d0d0d;--nb-yellow:#f7df1e;--nb-blue:#3178c6;--nb-purple:#68217a;--nb-red:#e5484d;--nb-green:#1e9e5a;--nb-border:4px;--nb-shadow:6px 6px 0 #000;--nb-shadow-sm:4px 4px 0 #000;--nb-shadow-lg:10px 10px 0 #000;--nb-font-sans:"Inter",system-ui,"Segoe UI",Arial,sans-serif;--nb-font-mono:var(--font-jetbrains,"JetBrains Mono"),ui-monospace,monospace}.nb-root{position:relative;min-height:100vh;background:var(--nb-bg);background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 0);background-size:28px 28px;color:var(--nb-white);font-family:var(--nb-font-sans);z-index:1}.nb-container{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}.nb-section{padding:clamp(48px,8vw,96px) 0}.nb-h1{font-family:var(--nb-font-sans);font-size:clamp(2.4rem,7vw,5rem);line-height:.98;letter-spacing:-.02em;margin:0}.nb-h1,.nb-h2{font-weight:900;text-transform:uppercase}.nb-h2{font-size:clamp(1.8rem,4.5vw,3rem);line-height:1.02;letter-spacing:-.01em;margin:0 0 8px}.nb-h3{font-weight:800;font-size:clamp(1.15rem,2.5vw,1.5rem);line-height:1.1;margin:0}.nb-lead{font-size:clamp(1.05rem,2.2vw,1.3rem);line-height:1.5;font-weight:500}.nb-mono{font-family:var(--nb-font-mono)}.nb-mark{padding:0 8px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.nb-badge,.nb-mark{background:var(--nb-yellow);color:var(--nb-ink)}.nb-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--nb-font-mono);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;box-shadow:var(--nb-shadow-sm);padding:8px 14px}.nb-badge,.nb-card{border:var(--nb-border) solid #000}.nb-card{background:var(--nb-surface);color:var(--nb-ink);box-shadow:var(--nb-shadow);padding:24px}.nb-card--yellow{background:var(--nb-yellow)}.nb-card--blue{background:var(--nb-blue);color:#fff}.nb-card--purple{background:var(--nb-purple);color:#fff}.nb-card--dark{background:#000;color:var(--nb-yellow)}.nb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--nb-font-sans);font-weight:800;font-size:1rem;text-transform:uppercase;letter-spacing:.02em;text-decoration:none;cursor:pointer;color:var(--nb-ink);background:var(--nb-yellow);border:var(--nb-border) solid #000;box-shadow:var(--nb-shadow);padding:14px 24px;transition:transform .08s ease,box-shadow .08s ease}.nb-btn:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 #000}.nb-btn:active{transform:translate(6px,6px);box-shadow:0 0 0 #000}.nb-btn--blue{background:var(--nb-blue);color:#fff}.nb-btn--dark{background:#000;color:var(--nb-yellow)}.nb-btn--ghost{background:var(--nb-white)}.nb-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:var(--nb-shadow)}.nb-btn--block{width:100%}.nb-label{display:block;font-family:var(--nb-font-mono);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;color:var(--nb-ink)}.nb-input,.nb-select{width:100%;font-family:var(--nb-font-sans);font-size:1rem;color:var(--nb-ink);background:var(--nb-white);border:var(--nb-border) solid #000;padding:12px 14px;box-shadow:inset 2px 2px 0 rgba(0,0,0,.12)}.nb-input:focus,.nb-select:focus{outline:none;box-shadow:var(--nb-shadow-sm)}.nb-tag{display:inline-block;font-family:var(--nb-font-mono);font-weight:700;font-size:.8rem;padding:4px 10px;border:3px solid #000;background:var(--nb-white);color:var(--nb-ink)}.nb-divider{height:var(--nb-border);background:#000;border:none;margin:0}.nb-note{font-size:.9rem;line-height:1.45;opacity:.92}.nb-error{background:var(--nb-red);color:#fff;border:3px solid #000;padding:10px 14px;font-weight:700}.nb-success{background:var(--nb-green);color:#fff;border:var(--nb-border) solid #000;box-shadow:var(--nb-shadow-sm);padding:16px;font-weight:600}@media (prefers-reduced-motion:reduce){.nb-btn{transition:none}}