: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)}.syn-glass{position:relative;background:linear-gradient(180deg,hsla(0,0%,100%,.92),rgba(245,250,252,.86));backdrop-filter:blur(14px) saturate(1.05);-webkit-backdrop-filter:blur(14px) saturate(1.05);border:1px solid hsla(0,0%,100%,.7);border-radius:var(--syn-radius-lg);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8),0 10px 30px rgba(11,42,86,.1),0 2px 6px rgba(11,42,86,.06)}.syn-glass:hover{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.9),0 16px 44px rgba(11,42,86,.14),0 3px 10px rgba(11,42,86,.08);transform:translateY(-1px);transition:box-shadow .2s,transform .2s}.syn-accent-top{border-top:3px solid transparent;-o-border-image:linear-gradient(90deg,var(--syn-cyan),var(--syn-cyan-ink)) 1;border-image:linear-gradient(90deg,var(--syn-cyan),var(--syn-cyan-ink)) 1}.syn-hero{position:relative;overflow:hidden;color:#eaf6fb;background:radial-gradient(1200px 480px at 80% -10%,rgba(0,206,231,.22),transparent 60%),radial-gradient(900px 420px at 0 110%,rgba(10,143,182,.2),transparent 55%),linear-gradient(160deg,var(--syn-navy-deep),var(--syn-navy))}.syn-hero h1,.syn-hero h2,.syn-hero h3{color:#fff}.syn-hexfield:before{content:"";position:absolute;inset:-10%;background-image: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='%2300cee7' stroke-opacity='0.5' stroke-width='1'/></svg>");background-size:56px 64px;-webkit-mask-image:radial-gradient(70% 70% at 75% 25%,#000 0,transparent 70%);mask-image:radial-gradient(70% 70% at 75% 25%,#000 0,transparent 70%);animation:syn-hex-pulse 6s ease-in-out infinite;pointer-events:none}@keyframes syn-hex-pulse{0%,to{opacity:.25}50%{opacity:.55}}.syn-hexmark{animation:syn-mark-pulse 4.5s ease-in-out infinite;transform-origin:center}@keyframes syn-mark-pulse{0%,to{opacity:.9;filter:drop-shadow(0 0 0 rgba(0,206,231,0))}50%{opacity:1;filter:drop-shadow(0 0 16px rgba(0,206,231,.45))}}.syn-logo{display:block;height:auto}.syn-logo-hero{width:280px;max-width:70vw}.syn-logo-bar{height:34px}@keyframes syn-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.syn-rise{animation:syn-rise .5s ease-out both}.syn-rise-2{animation:syn-rise .5s ease-out .08s both}.syn-rise-3{animation:syn-rise .5s ease-out .16s both}.syn-stat{font-family:var(--syn-font-display);font-size:30px;font-weight:700;color:var(--syn-navy);letter-spacing:-.02em}.syn-stat-label{font-size:12px;color:var(--syn-text-muted);text-transform:uppercase;letter-spacing:.08em}