:root{color-scheme:dark;--zpn-bg: #07111f;--zpn-bg-elevated: rgba(11, 24, 44, .84);--zpn-bg-soft: rgba(13, 31, 55, .72);--zpn-surface: rgba(16, 34, 57, .82);--zpn-line: rgba(191, 214, 255, .12);--zpn-line-strong: rgba(191, 214, 255, .24);--zpn-text: #f5f7fc;--zpn-text-muted: #b3bfd5;--zpn-accent: #60d7c7;--zpn-accent-strong: #2aa891;--zpn-success: #63d88c;--zpn-warning: #f0c96d;--zpn-danger: #ef8f88;--zpn-shadow: 0 28px 80px rgba(2, 7, 16, .46);--zpn-shadow-soft: 0 20px 44px rgba(2, 7, 16, .24);--zpn-radius-xl: 28px;--zpn-radius-lg: 20px;--zpn-radius-md: 14px;--zpn-font-body: "Manrope", sans-serif;--zpn-font-display: "Cormorant Garamond", serif;--zpn-font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(circle at top left,rgba(96,215,199,.18),transparent 22%),radial-gradient(circle at bottom right,rgba(240,201,109,.18),transparent 20%),linear-gradient(180deg,#07111f,#091629 52%,#0d1f37);color:var(--zpn-text);font-family:var(--zpn-font-body);text-rendering:optimizeLegibility}::selection{background:#60d7c747;color:var(--zpn-text)}a{color:inherit;text-decoration:none}button,input{font:inherit}.page-shell{min-height:100vh;padding:24px}.page-shell__header,.page-shell__hero,.page-grid{margin:0 auto;max-width:1240px}.page-shell__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.page-shell__nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0916298a;border:1px solid var(--zpn-line);border-radius:999px;display:flex;gap:10px;padding:8px}.page-shell__nav a{border-radius:999px;color:var(--zpn-text-muted);font-size:.94rem;font-weight:600;padding:10px 14px}.page-shell__nav a.active{background:#60d7c71f;color:var(--zpn-text)}.brand-mark{align-items:center;display:inline-flex;gap:14px}.brand-mark__crest{align-items:center;background:linear-gradient(180deg,#60d7c73d,#f0c96d33);border:1px solid var(--zpn-line-strong);border-radius:18px;box-shadow:var(--zpn-shadow);display:inline-flex;font-family:var(--zpn-font-display);font-size:1.65rem;height:52px;justify-content:center;width:52px}.brand-mark__copy{display:flex;flex-direction:column}.brand-mark__eyebrow,.page-shell__eyebrow,.status-card__eyebrow,.auth-panel__eyebrow{color:var(--zpn-text-muted);font-family:var(--zpn-font-mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase}.brand-mark__title{font-size:1rem;font-weight:800}.page-shell__main{animation:page-enter .42s ease;display:flex;flex-direction:column;gap:28px}.page-shell__hero{align-items:end;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(120deg,#0e2036d6,#0a1425c7),linear-gradient(180deg,#60d7c714,#f0c96d0f);border:1px solid var(--zpn-line);border-radius:var(--zpn-radius-xl);box-shadow:var(--zpn-shadow);display:grid;gap:24px;grid-template-columns:minmax(0,1.7fr) minmax(280px,.9fr);overflow:hidden;padding:40px;position:relative}.page-shell__hero:after{background:linear-gradient(90deg,transparent,rgba(96,215,199,.18),transparent);content:"";inset:auto -14% 18% auto;position:absolute;transform:rotate(-12deg);width:42%;height:2px}.page-shell__title,.status-card__title,.auth-panel h2{font-family:var(--zpn-font-display);line-height:.95;margin:0}.signal-strip{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto;max-width:1240px}.signal-strip__item{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0916298f;border:1px solid var(--zpn-line);border-radius:18px;box-shadow:var(--zpn-shadow-soft);display:flex;flex-direction:column;gap:8px;min-height:118px;padding:18px}.signal-strip__item--success{border-color:#63d88c3d}.signal-strip__item--warning{border-color:#f0c96d3d}.signal-strip__item--danger{border-color:#ef8f883d}.signal-strip__label{color:var(--zpn-text-muted);font-family:var(--zpn-font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.signal-strip__value{font-family:var(--zpn-font-display);font-size:clamp(1.4rem,2vw,1.9rem);line-height:1}.signal-strip__note{color:var(--zpn-text-muted);font-size:.86rem;line-height:1.55}.page-shell__title{font-size:clamp(3rem,5.6vw,5.4rem);margin-top:10px}.page-shell__lede{color:var(--zpn-text-muted);font-size:1.05rem;line-height:1.7;margin:16px 0 0;max-width:58ch}.hero-actions,.button-row,.page-shell__hero-actions{display:flex;flex-wrap:wrap;gap:12px}.ghost-link,.button{align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;min-height:46px;padding:0 18px;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.button{border:1px solid transparent}.button:hover,.ghost-link:hover{transform:translateY(-1px)}.button--primary{background:linear-gradient(135deg,var(--zpn-accent),#8fe4d8);color:#061018}.button--secondary,.ghost-link{background:#ffffff08;border:1px solid var(--zpn-line-strong);color:var(--zpn-text)}.button:disabled{cursor:wait;opacity:.72}.page-grid{display:grid;gap:24px;grid-template-columns:minmax(0,1.2fr) minmax(300px,.92fr)}.page-grid--hero{align-items:stretch}.stack{display:flex;flex-direction:column;gap:18px}.stack--tight{gap:10px}.status-card,.auth-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--zpn-surface);border:1px solid var(--zpn-line);border-radius:var(--zpn-radius-lg);box-shadow:var(--zpn-shadow);padding:24px;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.status-card:hover,.auth-panel:hover,.signal-strip__item:hover{border-color:#bfd6ff47;box-shadow:var(--zpn-shadow);transform:translateY(-1px)}.status-card--success{border-color:#63d88c38}.status-card--warning{border-color:#f0c96d3d}.status-card--danger{border-color:#ef8f883d}.status-card__title,.auth-panel h2{font-size:clamp(1.65rem,3vw,2.25rem);margin-top:12px}.status-card__body,.auth-panel p{color:var(--zpn-text-muted);line-height:1.7;margin-top:14px}.auth-panel__header{margin-bottom:10px}.form-field{display:flex;flex-direction:column;gap:10px}.form-field__label{font-size:.94rem;font-weight:700}.form-field__input{background:#ffffff08;border:1px solid var(--zpn-line-strong);border-radius:var(--zpn-radius-md);color:var(--zpn-text);min-height:52px;outline:none;padding:0 16px}.form-field__input:focus{border-color:#60d7c78f;box-shadow:0 0 0 4px #60d7c71f}.form-field__hint,.microcopy{color:var(--zpn-text-muted);font-size:.86rem;line-height:1.6}.microcopy--success{color:var(--zpn-success)}.microcopy--danger{color:var(--zpn-danger)}.inline-banner{border-radius:var(--zpn-radius-md);padding:14px 16px}.inline-banner--success{background:#63d88c1f;border:1px solid rgba(99,216,140,.22)}.inline-banner--warning{background:#f0c96d1f;border:1px solid rgba(240,201,109,.22)}.inline-banner--danger{background:#ef8f881f;border:1px solid rgba(239,143,136,.22)}.bootstrap-error{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px}.bootstrap-error__panel{background:var(--zpn-surface);border:1px solid rgba(239,143,136,.24);border-radius:var(--zpn-radius-xl);max-width:720px;padding:36px}.action-list{display:grid;gap:12px;margin:0;padding-left:1.1rem}.action-list li{color:var(--zpn-text-muted);line-height:1.7}@keyframes page-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.page-shell{padding:18px}.page-shell__header,.page-shell__hero,.signal-strip,.page-grid{grid-template-columns:1fr}.page-shell__hero{padding:28px}.page-shell__header{align-items:flex-start;flex-direction:column;gap:16px}}@media(max-width:640px){.page-shell__nav{width:100%}.page-shell__nav a{flex:1 1 0;justify-content:center;text-align:center}.signal-strip__item{min-height:auto}.page-shell__title{font-size:2.7rem}}