@layer reset,tokens,base,components,utilities;@layer reset{*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,h4,p,ul,ol,li,figure,blockquote,dl,dd,button,input,textarea,select{margin:0;font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}}@layer tokens{:root{color-scheme:dark;--color-surface: #0b1220;--color-surface-elevated: rgba(18, 26, 38, .9);--color-panel: rgba(16, 22, 32, .64);--color-text: #ebf3f7;--color-text-strong: #ffffff;--color-muted: #9dadbc;--color-border: rgba(134, 170, 194, .28);--color-primary: #38f8cf;--color-primary-strong: #22d3ee;--color-danger: #ff6b6b;--color-success: #3ce068;--color-warning: #fbbf24;--shadow-soft: 0 18px 50px rgba(0, 0, 0, .25);--font-body: "Segoe UI", "Inter", sans-serif;--font-mono: "SFMono-Regular", "Consolas", monospace;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--radius-small: .5rem;--radius-medium: 1rem;--radius-large: 1.5rem;--content-width: 72rem;--focus-ring: 0 0 0 3px color-mix(in srgb, var(--color-primary) 40%, transparent)}}@layer base{body{min-width:20rem;min-height:100vh;background:radial-gradient(circle at top,rgba(56,248,207,.14),transparent 28%),linear-gradient(180deg,#0b1220,#101b2c);color:var(--color-text);font-family:var(--font-body);line-height:1.5}.hn-container,.container{width:min(var(--content-width),calc(100% - 2rem));margin-inline:auto}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer components{.glass-card{background:var(--color-panel);border:1px solid var(--color-border);border-radius:var(--radius-large);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.page{display:flex;flex-direction:column;gap:var(--space-4);padding-block:var(--space-5)}.page-header,.section,.section-header{display:flex;flex-direction:column;gap:var(--space-2)}.section-label{color:var(--color-primary);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.glass-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .15s ease,border-color .15s ease,opacity .15s ease;font-weight:600}.glass-button:hover{transform:translateY(-1px)}.glass-button:disabled{opacity:.6;cursor:not-allowed}.glass-button--primary{color:#07130f;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-strong));border-color:#ffffff1f}.glass-button--secondary{color:var(--color-text);background:#ffffff0a;border-color:var(--color-border)}.glass-button--ghost{color:var(--color-text);background:transparent;border-color:var(--color-border)}.glass-button--sm{padding:.5rem .85rem;font-size:.8rem}.glass-button--md{padding:.7rem 1.1rem;font-size:.95rem}.glass-button--lg{padding:.9rem 1.35rem;font-size:1rem}.input-box,.copy-field__input{width:100%;border:1px solid var(--color-border);background:#111824e0;color:var(--color-text);border-radius:var(--radius-small);padding:.8rem .9rem}.input-box::placeholder{color:var(--color-muted)}.input-row{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.input-field,.input-wrapper{display:flex;flex-direction:column;gap:.4rem}.input-error{color:var(--color-danger);font-size:.82rem}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{border:1px solid var(--color-border);border-radius:var(--radius-medium);background:#09101866;overflow:hidden}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:0;background:transparent;color:var(--color-text);text-align:left;padding:1rem 1.1rem;cursor:pointer}.faq-answer{padding:0 1.1rem 1rem;color:var(--color-muted);line-height:1.6}.copy-field{display:flex;gap:.75rem;align-items:center}.copy-field__button{flex-shrink:0;border:1px solid var(--color-border);background:#ffffff0a;color:var(--color-text);border-radius:.6rem;padding:.8rem 1rem;cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}@layer utilities{.muted{color:var(--color-muted)}.stack-sm{display:flex;flex-direction:column;gap:var(--space-1)}.stack-md{display:flex;flex-direction:column;gap:var(--space-2)}.stack-lg{display:flex;flex-direction:column;gap:var(--space-3)}}
