:root{--syn-navy:#0b2a56;--syn-navy-deep:#06203f;--syn-cyan:#00cee7;--syn-cyan-ink:#086e9c;--syn-cyan-mid:#0a8fb6;--syn-cyan-mid2:#09aac9;--syn-cyan-tint:#80e7f3;--syn-cyan-wash:#e0fefe;--syn-bg:#fff;--syn-surface:#f5fafc;--syn-surface-alt:#eef4f9;--syn-border:#dbe6ee;--syn-border-strong:rgba(11,42,86,.18);--syn-text:#0b2a56;--syn-text-muted:#5e7088;--syn-text-faint:#8595ab;--syn-success:#0e9f6e;--syn-warning:#c2810a;--syn-error:#c0392b;--syn-info:#0a8fb6;--syn-font-display:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--syn-font-body:"Space Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;--syn-font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--syn-radius-sm:6px;--syn-radius-md:10px;--syn-radius-lg:14px;--syn-shadow-card:0 1px 2px rgba(11,42,86,.06),0 8px 24px rgba(11,42,86,.06)}.syn-page{background:var(--syn-bg);color:var(--syn-text);font-family:var(--syn-font-body);-webkit-font-smoothing:antialiased}.syn-page h1,.syn-page h2,.syn-page h3{font-family:var(--syn-font-display);color:var(--syn-navy);letter-spacing:-.01em}.syn-page .syn-mono,.syn-page code{font-family:var(--syn-font-mono)}.syn-card{background:var(--syn-surface);border:1px solid var(--syn-border);border-radius:var(--syn-radius-lg);box-shadow:var(--syn-shadow-card);padding:var(--syn-space,24px)}.syn-btn{font-family:var(--syn-font-display);border-radius:var(--syn-radius-md);padding:10px 18px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s}.syn-btn-primary{background:var(--syn-cyan);color:var(--syn-navy)}.syn-btn-primary:hover{background:var(--syn-cyan-mid2)}.syn-btn-ghost{background:transparent;color:var(--syn-cyan-ink);border-color:var(--syn-border-strong)}.syn-btn-ghost:hover{background:var(--syn-cyan-wash)}.syn-hex-bg{background-image:linear-gradient(120deg,transparent,transparent),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='56' height='64' viewBox='0 0 56 64'><path d='M28 1 L55 16 L55 48 L28 63 L1 48 L1 16 Z' fill='none' stroke='%23086e9c' stroke-opacity='0.10' stroke-width='1'/></svg>");background-size:56px 64px}.syn-label{display:block;font-family:var(--syn-font-display);font-size:13px;font-weight:600;color:var(--syn-navy);margin-bottom:6px}.syn-input,.syn-select,.syn-textarea{width:100%;box-sizing:border-box;font-family:var(--syn-font-body);font-size:14px;color:var(--syn-text);background:#fff;border:1px solid var(--syn-border-strong);border-radius:var(--syn-radius-md);padding:9px 12px;transition:border-color .15s,box-shadow .15s}.syn-input:focus,.syn-select:focus,.syn-textarea:focus{outline:none;border-color:var(--syn-cyan);box-shadow:0 0 0 3px var(--syn-cyan-wash)}.syn-textarea{resize:vertical;min-height:64px}.syn-hint{font-size:12px;color:var(--syn-text-muted);margin-top:4px}.syn-btn-sm{padding:6px 12px;font-size:13px}.syn-chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;padding:2px 10px;border-radius:999px;border:1px solid var(--syn-border-strong)}