:root{--bg-0:#f6f9ff;--bg-1:#eef4ff;--grid:#e6edff;--txt:#0b1220;--muted:#4b5b79;--aqua:#0ea5e9;--pink:#d946ef;--lime:#16a34a;--gold:#f59e0b;--card:#fffffff2;--border:#d7e0f3;--field-bg:#f8fbff;--field-focus-bg:#fff;--field-border:#b8c6d9;--field-shadow:inset 0 1px 2px rgba(11,18,32,.075),0 1px 0 #ffffffbf;--ring:#0ea5e955;--ring-strong:#0ea5e988;--shadow:0 10px 30px -10px #0000001f,0 14px 40px -20px #0ea5e92e;--nebula-a:#cfe6ff;--nebula-b:#e9f0ff;--nebula-header:linear-gradient(180deg,#fffc,#f7fbffcc)}[data-theme=dark]{--bg-0:#080c13;--bg-1:#0b1019;--grid:#0f1626;--txt:#e9f0ff;--muted:#9fb2d9;--aqua:#7cf0ff;--pink:#ff7ad9;--lime:#90ff8c;--gold:#ffdd6b;--card:#111a2bf2;--border:#1f2a44;--field-bg:#0d1524;--field-focus-bg:#101b2e;--field-border:#33415f;--field-shadow:inset 0 1px 3px #00000073,0 1px 0 #ffffff0a;--ring:#7cf0ff55;--ring-strong:#7cf0ff88;--shadow:0 10px 30px -10px #000000a6,0 14px 40px -20px #7cf0ff22;--nebula-a:#0e1838;--nebula-b:#15224a;--nebula-header:linear-gradient(180deg,#0c1427cc,#0a1223cc)}*{box-sizing:border-box}#root,body,html{height:auto}body{background:repeating-linear-gradient(0deg,#e6edff,#e6edff 1px,#0000 0,#0000 28px),repeating-linear-gradient(90deg,#e6edff,#e6edff 1px,#0000 0,#0000 28px),radial-gradient(1200px 700px at -10% -10%,#cfe6ff 0,#0000 60%),radial-gradient(900px 600px at 110% 0,#e9f0ff 0,#0000 60%),linear-gradient(180deg,#f6f9ff,#eef4ff);background:repeating-linear-gradient(0deg,var(--grid) 0,var(--grid) 1px,#0000 1px,#0000 28px),repeating-linear-gradient(90deg,var(--grid) 0,var(--grid) 1px,#0000 1px,#0000 28px),radial-gradient(1200px 700px at -10% -10%,var(--nebula-a) 0,#0000 60%),radial-gradient(900px 600px at 110% 0,var(--nebula-b) 0,#0000 60%),linear-gradient(180deg,var(--bg-0),var(--bg-1));color:#0b1220;color:var(--txt);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans}.app-container{isolation:isolate;overflow-x:hidden;position:relative}.app-container:before{content:none;display:none}@keyframes swirl{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.04)}to{transform:rotate(1turn) scale(1)}}.site-header{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(180deg,#fffc,#f7fbffcc);background:var(--nebula-header);border-bottom:1px solid #d7e0f3;border-bottom:1px solid var(--border);display:flex;gap:16px;padding:10px 18px;z-index:30}.brand-name{font-size:1.22rem;font-weight:800;letter-spacing:.5px;text-shadow:0 0 12px color-mix(in oklab,#0ea5e9 27%,#0000);text-shadow:0 0 12px color-mix(in oklab,var(--aqua) 27%,#0000)}.nav,.nav-links,.navbar,header nav{align-items:center;display:flex;flex-wrap:wrap;gap:14px;margin-left:auto}.navbar a{color:#0b1220;color:var(--txt);text-decoration:none}.user-chips{gap:10px;margin-left:12px}.user-chips .chip{background:color-mix(in oklab,#fffffff2 88%,#0000);background:color-mix(in oklab,var(--card) 88%,#0000);border:1px solid #d7e0f3;border:1px solid var(--border);border-radius:999px;color:color-mix(in oklab,#0b1220 88%,#000);color:color-mix(in oklab,var(--txt) 88%,#000);font-size:.85rem;padding:6px 10px}.nav-link{background:radial-gradient(80% 120% at 30% 10%,color-mix(in oklab,#0ea5e9 14%,#0000) 0,color-mix(in oklab,#d946ef 10%,#0000) 60%,#0000 100%),#0000;background:radial-gradient(80% 120% at 30% 10%,color-mix(in oklab,var(--aqua) 14%,#0000) 0,color-mix(in oklab,var(--pink) 10%,#0000) 60%,#0000 100%),#0000;border:1px solid #d7e0f3;border:1px solid var(--border);border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff0a;color:#0b1220;color:var(--txt);opacity:.95;outline:none;padding:8px 10px;transition:transform .08s ease,box-shadow .2s ease,border .2s ease,opacity .15s ease}.nav-link:hover{box-shadow:0 0 0 3px #0ea5e955;box-shadow:0 0 0 3px var(--ring);opacity:1;transform:translateY(-1px)}.nav-link:focus-visible{border-color:#0ea5e9;border-color:var(--aqua);box-shadow:0 0 0 3px #0ea5e988,0 8px 22px -10px color-mix(in oklab,#0ea5e9 50%,#0000);box-shadow:0 0 0 3px var(--ring-strong),0 8px 22px -10px color-mix(in oklab,var(--aqua) 50%,#0000)}.nav-link.active{border-color:#0ea5e9;border-color:var(--aqua);box-shadow:0 10px 24px -10px color-mix(in oklab,#0ea5e9 55%,#0000),inset 0 0 0 1px #ffffff0f;box-shadow:0 10px 24px -10px color-mix(in oklab,var(--aqua) 55%,#0000),inset 0 0 0 1px #ffffff0f;opacity:1}.status-dot{background:#0ea5e9;background:var(--aqua);box-shadow:0 0 12px color-mix(in oklab,#0ea5e9 60%,#0000);box-shadow:0 0 12px color-mix(in oklab,var(--aqua) 60%,#0000)}.page-wrap{background:linear-gradient(180deg,color-mix(in oklab,#fff 95%,#0000),color-mix(in oklab,#f7fbff 92%,#0000));border:1px solid #d7e0f3;border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 30px -10px #0000001f,0 14px 40px -20px #0ea5e92e;box-shadow:var(--shadow);margin:26px auto;max-width:1100px;overflow:hidden;padding:18px;position:relative}.page-wrap:before{background:repeating-linear-gradient(180deg,color-mix(in oklab,#0ea5e9 12%,#0000) 0,color-mix(in oklab,#0ea5e9 12%,#0000) 1px,#0000 0,#0000 3px);background:repeating-linear-gradient(to bottom,color-mix(in oklab,var(--aqua) 12%,#0000) 0,color-mix(in oklab,var(--aqua) 12%,#0000) 1px,#0000 1px,#0000 3px);inset:0;mix-blend-mode:overlay;opacity:.28}.page-wrap:after,.page-wrap:before{content:"";pointer-events:none;position:absolute}.page-wrap:after{border:1px solid color-mix(in oklab,#0ea5e9 20%,#0000);border:1px solid color-mix(in oklab,var(--aqua) 20%,#0000);border-radius:14px;box-shadow:inset 0 0 30px color-mix(in oklab,#0ea5e9 14%,#0000);box-shadow:inset 0 0 30px color-mix(in oklab,var(--aqua) 14%,#0000);inset:10px}.hud-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:minmax(320px,1.1fr) minmax(320px,1fr)}@media (max-width:980px){.hud-grid{grid-template-columns:1fr}}.hud-panel{background:#fffffff2;background:var(--card);border:1px solid color-mix(in oklab,#d7e0f3 85%,#0000);border:1px solid color-mix(in oklab,var(--border) 85%,#0000);border-radius:16px;box-shadow:0 10px 30px -10px #0000001f,0 14px 40px -20px #0ea5e92e;box-shadow:var(--shadow);padding:18px;position:relative}.hud-panel:before{border-radius:16px;box-shadow:inset 0 0 0 1px color-mix(in oklab,#d7e0f3 70%,#0000),inset 0 0 18px color-mix(in oklab,#0ea5e9 14%,#0000),0 0 22px color-mix(in oklab,#0ea5e9 8%,#0000);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--border) 70%,#0000),inset 0 0 18px color-mix(in oklab,var(--aqua) 14%,#0000),0 0 22px color-mix(in oklab,var(--aqua) 8%,#0000);content:"";inset:-1px;pointer-events:none;position:absolute}.hud-panel.gold{background:linear-gradient(180deg,color-mix(in oklab,#fff 94%,#0000),color-mix(in oklab,#f7fbff 92%,#0000));border-color:color-mix(in oklab,#f59e0b 38%,#0000);border-color:color-mix(in oklab,var(--gold) 38%,#0000)}.hud-panel.gold:before{box-shadow:inset 0 0 0 1px color-mix(in oklab,#f59e0b 38%,#0000),inset 0 0 18px color-mix(in oklab,#f59e0b 20%,#0000),0 0 22px color-mix(in oklab,#f59e0b 12%,#0000);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--gold) 38%,#0000),inset 0 0 18px color-mix(in oklab,var(--gold) 20%,#0000),0 0 22px color-mix(in oklab,var(--gold) 12%,#0000)}.hud-title{font-size:1.35rem;letter-spacing:.3px;margin:0 0 12px;text-shadow:0 0 12px color-mix(in oklab,#0ea5e9 20%,#0000);text-shadow:0 0 12px color-mix(in oklab,var(--aqua) 20%,#0000)}label{color:#4b5b79;color:var(--muted);display:block;margin:10px 0 6px}input,select,textarea{background:#f8fbff;background:var(--field-bg);border:1px solid #b8c6d9;border:1px solid var(--field-border);border-radius:12px;box-shadow:inset 0 1px 2px rgba(11,18,32,.075),0 1px 0 #ffffffbf;box-shadow:var(--field-shadow);color:#0b1220;color:var(--txt);outline:none;padding:.8rem .9rem;transition:border .2s,box-shadow .2s,background .2s;width:100%}input:focus,select:focus,textarea:focus{background:#fff;background:var(--field-focus-bg);border-color:#0ea5e9;border-color:var(--aqua);box-shadow:inset 0 1px 2px rgba(11,18,32,.075),0 1px 0 #ffffffbf,0 0 0 4px #0ea5e955;box-shadow:var(--field-shadow),0 0 0 4px var(--ring)}.btn,button{align-items:center;background:radial-gradient(80% 120% at 30% 10%,color-mix(in oklab,#0ea5e9 24%,#0000) 0,color-mix(in oklab,#d946ef 16%,#0000) 60%,color-mix(in oklab,#0ea5e9 10%,#0000) 100%),#fff;background:radial-gradient(80% 120% at 30% 10%,color-mix(in oklab,var(--aqua) 24%,#0000) 0,color-mix(in oklab,var(--pink) 16%,#0000) 60%,color-mix(in oklab,var(--aqua) 10%,#0000) 100%),#fff;border:1px solid #d7e0f3;border:1px solid var(--border);border-radius:12px;box-shadow:0 6px 18px -8px color-mix(in oklab,#0ea5e9 30%,#0000);box-shadow:0 6px 18px -8px color-mix(in oklab,var(--aqua) 30%,#0000);color:#0b1220;color:var(--txt);cursor:pointer;display:inline-flex;font-weight:700;gap:.5rem;justify-content:center;letter-spacing:.3px;padding:.7rem 1.05rem;text-transform:uppercase;transition:transform .08s ease,box-shadow .2s ease,border .2s ease,background .2s ease;-webkit-user-select:none;user-select:none}.btn:hover,button:hover{border-color:#0ea5e9;border-color:var(--aqua);box-shadow:0 8px 22px -10px color-mix(in oklab,#0ea5e9 55%,#0000),0 0 0 3px #0ea5e955;box-shadow:0 8px 22px -10px color-mix(in oklab,var(--aqua) 55%,#0000),0 0 0 3px var(--ring);transform:translateY(-1px)}.btn:active{transform:translateY(0) scale(.99)}.btn-secondary{background:#fff;border-color:#d7e0f3;border-color:var(--border);color:#0b1220;color:var(--txt)}.btn-secondary:hover{border-color:#0ea5e9;border-color:var(--aqua)}.btn-gold{background:linear-gradient(180deg,#fff,#f8fbff);border-color:color-mix(in oklab,#f59e0b 38%,#0000);border-color:color-mix(in oklab,var(--gold) 38%,#0000);box-shadow:0 6px 18px -8px color-mix(in oklab,#f59e0b 30%,#0000);box-shadow:0 6px 18px -8px color-mix(in oklab,var(--gold) 30%,#0000);color:color-mix(in oklab,#f59e0b 70%,#4a3c16);color:color-mix(in oklab,var(--gold) 70%,#4a3c16)}.btn-gold:hover{box-shadow:0 8px 22px -10px color-mix(in oklab,#f59e0b 55%,#0000),0 0 0 3px color-mix(in oklab,#f59e0b 28%,#0000);box-shadow:0 8px 22px -10px color-mix(in oklab,var(--gold) 55%,#0000),0 0 0 3px color-mix(in oklab,var(--gold) 28%,#0000)}.billing-card{background:#fffffff2;background:var(--card);border:1px solid #d7e0f3;border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 30px -10px #0000001f,0 14px 40px -20px #0ea5e92e;box-shadow:var(--shadow);padding:20px}.billing-title{font-size:1.3rem;margin:0 0 10px}.billing-error{color:color-mix(in oklab,#d946ef 70%,#b91c1c);color:color-mix(in oklab,var(--pink) 70%,#b91c1c)}:root{--page-max:1200px}.container{margin-inline:auto;padding-inline:clamp(16px,3vw,32px);padding-inline:var(--page-pad);width:min(100%,1200px);width:min(100%,var(--page-max))}.hud-grid{display:block!important;gap:0!important;grid-template-columns:none!important}*,:after,:before{box-sizing:border-box}body,html{max-width:100%;overflow-x:hidden;width:100%}canvas,img,svg,video{display:block;height:auto;max-width:100%}:where(input,select,textarea){max-width:100%}:root,[data-theme=light]{--hud-bg:#f9fafb;--hud-panel:#fff;--hud-border:#e5e7eb;--hud-accent:#2563eb;--hud-accent-2:#6366f1;--hud-text:#111827;--hud-muted:#6b7280;--input-bg:#f0f3f7;--input-bg-focus:#fff;--input-border:#c2cad6;--input-border-hover:#9ca8ba;--input-shadow:inset 0 1px 2px rgba(15,23,42,.075),0 1px 0 #ffffffb8;--input-focus-shadow:inset 0 1px 2px rgba(15,23,42,.055),0 0 0 3px color-mix(in oklab,var(--hud-accent) 20%,#0000),0 1px 0 #ffffffd9;--input-text:#111827;--input-text-strong:#111827;--placeholder:#9ca3af;--selection-bg:#2563eb1a;--selection-text:#111827;--preview-sticky-top:76px;--canvas-staging:#e0e3e7;color-scheme:light}[data-theme=dark]{--hud-bg:#0f0f10;--hud-panel:#1a1a1b;--hud-border:#ffffff14;--hud-accent:#60a5fa;--hud-accent-2:#a5b4fc;--hud-text:#f1f1f1;--hud-muted:#9ca3af;--input-bg:#101113;--input-bg-focus:#15171a;--input-border:#ffffff2e;--input-border-hover:#ffffff47;--input-shadow:inset 0 1px 3px #00000073,0 1px 0 hsla(0,0%,100%,.035);--input-focus-shadow:inset 0 1px 3px #00000061,0 0 0 3px color-mix(in oklab,var(--hud-accent) 24%,#0000),0 1px 0 #ffffff0d;--input-text:#f1f1f1;--input-text-strong:#f8f8f8;--placeholder:#6b7280;--selection-bg:#60a5fa26;--selection-text:#f8f8f8;--preview-sticky-top:76px;--canvas-staging:#17181a;color-scheme:dark}:root{--page-max:1360px;--page-pad:clamp(16px,3vw,32px);--radius-card:10px;--radius-control:8px;--space-section:clamp(18px,3vw,28px)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9fafb;background:var(--hud-bg);color:#111827;color:var(--hud-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;margin:0}.app-main{display:block;padding:0 18px}.app-main>*{margin-inline:auto!important;max-width:1360px;max-width:var(--page-max);width:100%}.hud-container{padding:28px clamp(24px,5vw,40px) 28px max(clamp(16px,3vw,32px),calc(env(safe-area-inset-left, 0px) + 16px));padding-left:max(var(--page-pad),calc(env(safe-area-inset-left, 0px) + 16px));padding-right:max(clamp(16px,3vw,32px),calc(env(safe-area-inset-right,0px) + 16px));padding-right:max(var(--page-pad),calc(env(safe-area-inset-right,0px) + 16px));position:relative;z-index:2}.hud-container.container{margin-inline:auto;padding-inline:clamp(16px,3vw,32px);padding-inline:var(--page-pad);width:min(100%,1360px);width:min(100%,var(--page-max))}.page-body{display:block!important}.af-page-stack{grid-gap:clamp(18px,3vw,28px);grid-gap:var(--space-section);display:grid;gap:clamp(18px,3vw,28px);gap:var(--space-section);margin:16px auto 0;max-width:1100px}.af-section-header{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--hud-border);display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.af-section-heading{color:#111827;color:var(--hud-text);font-size:clamp(1.05rem,1.7vw,1.3rem);font-weight:700;letter-spacing:0;line-height:1.25;margin:0}.af-section-copy{line-height:1.65;margin:6px 0 0;max-width:70ch}.af-empty-state,.af-section-copy{color:#6b7280;color:var(--hud-muted)}.af-empty-state{align-items:center;background:color-mix(in oklab,#fff 70%,#f9fafb);background:color-mix(in oklab,var(--hud-panel) 70%,var(--hud-bg));border:1px dashed #e5e7eb;border:1px dashed var(--hud-border);border-radius:10px;border-radius:var(--radius-card);display:flex;justify-content:center;min-height:360px;padding:clamp(24px,5vw,52px);text-align:center}.af-empty-state__inner{grid-gap:8px;display:grid;gap:8px;max-width:420px}.af-empty-state__title{color:#111827;color:var(--hud-text);font-size:1rem;font-weight:700;line-height:1.35;margin:0}.af-empty-state__copy{color:#6b7280;color:var(--hud-muted);font-size:.9rem;line-height:1.6;margin:0}.page-body.equal,.page-body.generator-workspace{grid-gap:28px;align-items:start;display:grid!important;gap:28px;grid-template-columns:minmax(0,46%) minmax(0,54%)}.page-body.equal{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:1100px){.page-body.equal,.page-body.generator-workspace{grid-template-columns:1fr}}.hud-title{align-items:center;display:flex;font-size:clamp(20px,2.6vw,34px);font-weight:600;gap:10px;letter-spacing:-.01em;margin-bottom:0}.hud-title:after{background:#e5e7eb;background:var(--hud-border);content:"";flex:1 1;height:1px;opacity:1}.hud-card{background:#fff;background:var(--hud-panel);border:1px solid #e5e7eb;border:1px solid var(--hud-border);border-radius:10px;border-radius:var(--radius-card);box-shadow:0 1px 2px #0000000d,0 2px 8px #0000000a;overflow-wrap:anywhere;padding:clamp(20px,3.6vw,36px);position:relative;word-break:break-word}.hud-form{grid-gap:18px 18px;display:grid;gap:18px 18px;grid-template-columns:repeat(12,1fr);margin:22px auto 0;max-width:1280px}.hud-span-6{grid-column:span 6}.hud-span-12{grid-column:span 12}@media (max-width:1100px){.hud-span-12,.hud-span-6{grid-column:1/-1}}.hud-label{color:#6b7280;color:var(--hud-muted);font-size:.875rem;letter-spacing:0;margin-bottom:6px}.hud-form-divider{align-items:center;color:#111827;color:var(--hud-text);display:flex;font-size:.78rem;font-weight:700;gap:12px;letter-spacing:.08em;margin-top:2px;padding-top:2px;text-transform:uppercase}.hud-form-divider:before{background:#2563eb;background:var(--hud-accent);border-radius:999px;box-shadow:0 0 0 3px color-mix(in oklab,#2563eb 12%,#0000);box-shadow:0 0 0 3px color-mix(in oklab,var(--hud-accent) 12%,#0000);content:"";height:18px;width:4px}.hud-form-divider:after{background:linear-gradient(90deg,#e5e7eb,#0000);background:linear-gradient(90deg,var(--hud-border),#0000);content:"";flex:1 1;height:1px}.hud-disclosure{align-items:center;background:color-mix(in oklab,#fff 88%,#2563eb);background:color-mix(in oklab,var(--hud-panel) 88%,var(--hud-accent));border:1px solid color-mix(in oklab,#e5e7eb 82%,#2563eb);border:1px solid color-mix(in oklab,var(--hud-border) 82%,var(--hud-accent));border-radius:8px;color:#6b7280;color:var(--hud-muted);display:inline-flex;flex-wrap:wrap;font-size:.82rem;gap:6px;line-height:1.35;max-width:100%;padding:8px 10px}.hud-disclosure a{color:#2563eb;color:var(--hud-accent);font-weight:700}.resume-preview-workspace{align-items:flex-start;background:#e0e3e7;background:var(--canvas-staging);border:1px solid #e5e7eb;border:1px solid var(--hud-border);border-radius:12px;display:flex;justify-content:center;min-height:620px;padding:28px}.resume-preview-skeleton{background:#fff;border:1px solid #00000012;border-radius:12px;box-shadow:0 8px 40px #0f172a24,0 2px 8px #0f172a12;color:#111827;min-height:560px;padding:34px 38px;text-align:left;width:min(92%,700px)}.resume-preview-skeleton-line{background:linear-gradient(90deg,#e5e7eb,#f1f5f9)}.resume-preview-skeleton__header{grid-gap:12px;display:grid;gap:12px;padding-bottom:20px}.resume-preview-skeleton__contact{display:flex;flex-wrap:wrap;gap:10px;padding-top:4px}.resume-preview-skeleton__section{grid-gap:10px;background:#0000;border:none;border-bottom:1px solid #eaecef;border-radius:0;display:grid;gap:10px;margin-top:0;padding:16px 0}.resume-preview-skeleton__section:last-child{border-bottom:none}.resume-preview-skeleton__section-title{margin-bottom:2px}.resume-preview-skeleton__experience{grid-gap:9px;display:grid;gap:9px;padding:2px 0 10px}.resume-preview-skeleton__experience+.resume-preview-skeleton__experience{border-top:1px solid #f1f5f9;padding-top:14px}.resume-preview-skeleton__skills{display:flex;flex-wrap:wrap;gap:8px}.hud-input,.hud-select,.hud-textarea{-webkit-text-fill-color:#111827;-webkit-text-fill-color:var(--input-text-strong);background:#f0f3f7;background:var(--input-bg);border:1px solid #c2cad6;border:1px solid var(--input-border);border-radius:8px;box-shadow:inset 0 1px 2px rgba(15,23,42,.075),0 1px 0 #ffffffb8;box-shadow:var(--input-shadow);caret-color:#111827;caret-color:var(--input-text-strong);color:#111827;color:var(--input-text-strong);font:inherit;line-height:1.45;opacity:1;outline:none;padding:14px 16px;transition:border-color .2s,box-shadow .2s,background-color .2s,color .2s;width:100%}.hud-input:hover,.hud-select:hover,.hud-textarea:hover{border-color:#9ca8ba;border-color:var(--input-border-hover)}.hud-input::placeholder,.hud-textarea::placeholder{-webkit-text-fill-color:#9ca3af;-webkit-text-fill-color:var(--placeholder);color:#9ca3af;color:var(--placeholder);opacity:1}.hud-input:focus,.hud-select:focus,.hud-textarea:focus{-webkit-text-fill-color:#111827;-webkit-text-fill-color:var(--input-text-strong);background:#fff;background:var(--input-bg-focus);border-color:#2563eb;border-color:var(--hud-accent);box-shadow:inset 0 1px 2px rgba(15,23,42,.055),0 0 0 3px color-mix(in oklab,#2563eb 20%,#0000),0 1px 0 #ffffffd9;box-shadow:var(--input-focus-shadow);caret-color:#111827;caret-color:var(--input-text-strong);color:#111827;color:var(--input-text-strong)}.hud-input::selection,.hud-textarea::selection,.input::selection,.textarea::selection{background:#2563eb1a;background:var(--selection-bg);color:#111827;color:var(--selection-text)}.hud-input:disabled,.hud-select:disabled,.hud-textarea:disabled{cursor:not-allowed;opacity:.75}.hud-input:-webkit-autofill,.hud-input:-webkit-autofill:focus,.hud-input:-webkit-autofill:hover,.hud-select:-webkit-autofill,.hud-select:-webkit-autofill:focus,.hud-select:-webkit-autofill:hover,.hud-textarea:-webkit-autofill,.hud-textarea:-webkit-autofill:focus,.hud-textarea:-webkit-autofill:hover,.input:-webkit-autofill,.input:-webkit-autofill:focus,.input:-webkit-autofill:hover,.select:-webkit-autofill,.select:-webkit-autofill:focus,.select:-webkit-autofill:hover,.textarea:-webkit-autofill,.textarea:-webkit-autofill:focus,.textarea:-webkit-autofill:hover{-webkit-text-fill-color:#111827;-webkit-text-fill-color:var(--input-text-strong);box-shadow:inset 0 0 0 1000px #fff,inset 0 1px 2px rgba(15,23,42,.055),0 0 0 3px color-mix(in oklab,#2563eb 20%,#0000),0 1px 0 #ffffffd9;box-shadow:0 0 0 1000px var(--input-bg-focus) inset,var(--input-focus-shadow);caret-color:#111827;caret-color:var(--input-text-strong);-webkit-transition:background-color 99999s ease-in-out 0s;transition:background-color 99999s ease-in-out 0s}.hud-input:not(:placeholder-shown),.hud-textarea:not(:placeholder-shown),.input:not(:placeholder-shown),.textarea:not(:placeholder-shown){-webkit-text-fill-color:#111827;-webkit-text-fill-color:var(--input-text-strong);color:#111827;color:var(--input-text-strong)}.hud-select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#2563eb 0),linear-gradient(135deg,#2563eb 50%,#0000 0);background-image:linear-gradient(45deg,#0000 50%,var(--hud-accent) 50%),linear-gradient(135deg,var(--hud-accent) 50%,#0000 50%);background-position:calc(100% - 18px) calc(50% - 5px),calc(100% - 14px) calc(50% - 5px);background-repeat:no-repeat;background-size:6px 6px,6px 6px;padding-right:44px}.hud-select option,.select option{background:#f0f3f7;background:var(--input-bg);color:#111827;color:var(--input-text-strong)}.hud-btn{align-items:center;background:#fff;background:var(--hud-panel);border:1px solid #e5e7eb;border:1px solid var(--hud-border);border-radius:8px;color:#111827;color:var(--hud-text);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;justify-content:center;padding:12px 18px;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,filter .12s ease,transform .08s ease}.hud-btn:hover{background:color-mix(in oklab,#111827 6%,#fff);background:color-mix(in oklab,var(--hud-text) 6%,var(--hud-panel));border-color:color-mix(in oklab,#111827 18%,#e5e7eb);border-color:color-mix(in oklab,var(--hud-text) 18%,var(--hud-border))}.hud-btn:active{transform:translateY(1px)}.hud-btn:disabled{cursor:not-allowed;filter:grayscale(.1);opacity:.6}.hud-btn--primary{color:#fff}.hud-btn--primary,.hud-btn--primary:hover{background:#2563eb;background:var(--hud-accent);border-color:#2563eb;border-color:var(--hud-accent)}.hud-btn--primary:hover{filter:brightness(.88)}.hud-btn--ghost{color:#111827;color:var(--hud-text)}.hud-btn--ghost,.hud-btn--secondary{background:#0000;border-color:#e5e7eb;border-color:var(--hud-border)}.hud-btn--secondary{color:#6b7280;color:var(--hud-muted)}.hud-btn--secondary:hover{background:color-mix(in oklab,#111827 4%,#0000);background:color-mix(in oklab,var(--hud-text) 4%,#0000);color:#111827;color:var(--hud-text)}.hud-btn--tertiary{background:#0000;border-color:#0000;color:#6b7280;color:var(--hud-muted)}.hud-btn--tertiary:hover{background:color-mix(in oklab,#111827 4%,#0000);background:color-mix(in oklab,var(--hud-text) 4%,#0000);border-color:#0000;color:#111827;color:var(--hud-text)}.hud-btn--destructive{background:#0000;border-color:color-mix(in oklab,#ef4444 55%,#e5e7eb);border-color:color-mix(in oklab,#ef4444 55%,var(--hud-border));color:#ef4444}.hud-btn--destructive:hover{background:color-mix(in oklab,#ef4444 8%,#0000);border-color:#ef4444}.hud-caption{color:#6b7280;color:var(--hud-muted);font-size:.85rem;margin-top:6px}.hud-caption a{color:#2563eb;color:var(--hud-accent);text-decoration:underline}[data-accent=indigo]{--hud-accent:#4f46e5;--hud-accent-2:#6366f1}[data-accent=violet]{--hud-accent:#7c3aed;--hud-accent-2:#a78bfa}[data-accent=sky]{--hud-accent:#0284c7;--hud-accent-2:#38bdf8}[data-accent=amber]{--hud-accent:#d97706;--hud-accent-2:#f59e0b}[data-accent=slate]{--hud-accent:#475569;--hud-accent-2:#64748b}[data-accent=cyan]{--hud-accent:#0284c7;--hud-accent-2:#38bdf8}[data-accent=lime]{--hud-accent:#16a34a;--hud-accent-2:#84cc16}[data-accent=magenta]{--hud-accent:#c026d3;--hud-accent-2:#f472b6}[data-accent=teal]{--hud-accent:#0f766e;--hud-accent-2:#14b8a6}.site-header{-webkit-backdrop-filter:blur(12px) saturate(1.4);backdrop-filter:blur(12px) saturate(1.4);background:color-mix(in oklab,#fff 88%,#0000);background:color-mix(in oklab,var(--hud-panel) 88%,#0000);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--hud-border);left:0;overflow:visible!important;padding:calc(8px + env(safe-area-inset-top, 0px)) max(0px,env(safe-area-inset-right,0px)) 8px max(0px,env(safe-area-inset-left,0px));position:sticky;right:0;top:0;z-index:50}.site-header .container{display:flex;flex-direction:column;gap:6px;margin-inline:auto;padding-inline:clamp(16px,3vw,32px);padding-inline:var(--page-pad);width:min(100%,1360px);width:min(100%,var(--page-max))}.nav-top-row{gap:12px;justify-content:space-between;width:100%}.brand,.nav-top-row{align-items:center;display:flex;min-width:0}.brand{color:#111827;color:var(--hud-text);gap:10px;text-decoration:none}.brand img{max-height:36px;width:auto}.brand-name{color:#111827;color:var(--hud-text);font-size:1rem;font-weight:600;letter-spacing:.2px;white-space:nowrap}.menu-toggle{align-items:center;cursor:pointer;display:none;justify-content:center;white-space:nowrap}.nav-offer-banner{background:#fff;background:var(--hud-panel);border:1px solid #e5e7eb;border:1px solid var(--hud-border);border-radius:8px;color:#111827;color:var(--hud-text);font-size:.95rem;line-height:1.45;padding:10px 14px;width:100%}.navbar{gap:0;justify-content:space-between;max-width:100%;width:100%}.nav-links-group,.navbar{align-items:center;display:flex}.nav-links-group{flex-wrap:wrap;gap:18px;min-width:0}.nav-group{align-items:center;display:flex;gap:8px;min-width:0}.nav-group-label{color:#6b7280;color:var(--hud-muted);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav-group-items{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.nav-link{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--hud-muted);display:inline-flex;font-size:.875rem;font-weight:500;line-height:1.4;max-width:100%;overflow-wrap:anywhere;padding:6px 10px;text-decoration:none;transition:color .12s,background-color .12s;white-space:nowrap}.nav-link--new{padding-right:34px;position:relative}.nav-badge{background:color-mix(in oklab,#2563eb 16%,#0000);background:color-mix(in oklab,var(--hud-accent) 16%,#0000);border:1px solid color-mix(in oklab,#2563eb 24%,#0000);border:1px solid color-mix(in oklab,var(--hud-accent) 24%,#0000);border-radius:4px;color:#2563eb;color:var(--hud-accent);font-size:.58rem;font-weight:800;letter-spacing:.04em;line-height:1.4;padding:1px 4px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.nav-link:hover{background:color-mix(in oklab,#111827 5%,#0000);background:color-mix(in oklab,var(--hud-text) 5%,#0000);color:#111827;color:var(--hud-text)}.nav-link:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--hud-accent);outline-offset:2px}.nav-link.active{background:color-mix(in oklab,#111827 7%,#0000);background:color-mix(in oklab,var(--hud-text) 7%,#0000);color:#111827;color:var(--hud-text);font-weight:600}.user-chips{flex-wrap:wrap;gap:6px;justify-content:flex-end;margin-left:auto;padding-left:16px}.account-nav-group,.user-chips{align-items:center;border-left:1px solid #e5e7eb;border-left:1px solid var(--hud-border);display:flex}.account-nav-group{gap:4px;margin-left:2px;padding-left:8px}.user-chips .chip{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--hud-muted);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:500;justify-content:center;min-height:30px;padding:5px 9px;text-decoration:none;transition:color .12s,background-color .12s;white-space:nowrap}.user-chips .chip:hover{background:color-mix(in oklab,#111827 5%,#0000);background:color-mix(in oklab,var(--hud-text) 5%,#0000);color:#111827;color:var(--hud-text)}.user-chips .primary-chip{background:#2563eb;background:var(--hud-accent);border:1px solid #2563eb;border:1px solid var(--hud-accent);box-shadow:none;color:#fff!important;font-size:.8rem;font-weight:600;padding:5px 12px}.user-chips .credit-chip{background:color-mix(in oklab,#111827 4%,#0000);background:color-mix(in oklab,var(--hud-text) 4%,#0000);border:1px solid #e5e7eb;border:1px solid var(--hud-border);color:#111827!important;color:var(--hud-text)!important}.user-chips .primary-chip:hover{filter:brightness(.9)}.status-dot{background:#2563eb;background:var(--hud-accent);border-radius:50%;height:10px;width:10px}.resume-grid{grid-gap:28px;align-items:start;display:grid;gap:28px;grid-template-columns:minmax(0,46%) minmax(0,54%);width:100%}.resume-grid>:first-child{min-width:0}.resume-grid>:last-child{min-width:0;width:100%}@media (min-width:1200px){.resume-grid{gap:32px;grid-template-columns:minmax(420px,44%) minmax(560px,56%)}}@media (max-width:1100px){.resume-grid{grid-template-columns:1fr}}@media (max-width:640px){.hud-container{padding:20px 16px}.hud-card{padding:18px}}@media (max-width:380px){.hud-title{font-size:clamp(18px,5.6vw,22px)}.hud-card{padding:16px}.hud-form{gap:16px 12px}}#cold-email-preview,#cover-letter-preview,#pitch-deck-preview,#resume-preview{align-items:flex-start;background:#e0e3e7;background:var(--canvas-staging);border:1px solid #e5e7eb;border:1px solid var(--hud-border);border-radius:12px;min-width:0;padding:28px;text-align:left;width:100%}#cold-email-preview>*,#cover-letter-preview>*,#pitch-deck-preview>*,#resume-preview>*{min-width:0;width:100%}#cold-email-preview .af-empty-state__inner,#cover-letter-preview .af-empty-state__inner,#pitch-deck-preview .af-empty-state__inner{margin:auto;text-align:center}#cold-email-preview .hud-card,#cover-letter-preview .hud-card,#pitch-deck-preview .hud-card,#resume-preview .hud-card{background:#fff!important;border:1px solid #0000000f;box-shadow:0 8px 40px #0f172a24,0 2px 8px #0f172a12;width:100%}#resume-preview #result-content,#resume-preview>div:not(.resume-preview-skeleton),.doc-sheet{background:#fff!important;box-shadow:0 8px 40px #0f172a24,0 2px 8px #0f172a12!important}#resume-preview #result-content,#resume-preview>div:not(.resume-preview-skeleton){border-radius:10px!important;margin-inline:auto!important;max-width:94%!important}#resume-preview #result-content>div,#resume-preview>div:not(.resume-preview-skeleton){border-left:none!important}#resume-preview section:not(.resume-preview-skeleton__section){background:#0000!important;border:none!important;border-bottom:1px solid #eaecef!important;border-radius:0!important;padding-left:0!important;padding-right:0!important}#resume-preview section:not(.resume-preview-skeleton__section):last-of-type{border-bottom:none!important}@media (min-width:1101px){#cold-email-preview,#cover-letter-preview,#pitch-deck-preview,#resume-preview{align-self:auto;position:static;top:auto}}@media (max-width:1100px){#cold-email-preview,#cover-letter-preview,#pitch-deck-preview,#resume-preview{margin-top:8px}}.hud-btn,.hud-btn *{color:#111827!important;color:var(--hud-text)!important;mix-blend-mode:normal;opacity:1}.hud-btn--primary,.hud-btn--primary *{color:#fff!important}.hud-btn--tertiary,.hud-btn--tertiary *{color:#6b7280!important;color:var(--hud-muted)!important}.hud-btn--tertiary:hover,.hud-btn--tertiary:hover *{color:#111827!important;color:var(--hud-text)!important}.hud-btn--destructive,.hud-btn--destructive *{color:#ef4444!important}.nav-link{color:#6b7280!important;color:var(--hud-muted)!important;mix-blend-mode:normal;opacity:1}.nav-link.active,.nav-link:hover{color:#111827!important;color:var(--hud-text)!important}.user-chips .chip{color:#6b7280!important;color:var(--hud-muted)!important;mix-blend-mode:normal;opacity:1}.user-chips .chip:hover{color:#111827!important;color:var(--hud-text)!important}.user-chips .primary-chip,.user-chips .primary-chip *{color:#fff!important}.user-chips .credit-chip,.user-chips .credit-chip *{color:#111827!important;color:var(--hud-text)!important}.hud-btn{max-width:100%;min-width:0;overflow-wrap:anywhere;white-space:normal}.actions,.button-row,.cta-row{display:flex;flex-wrap:wrap;gap:10px}@media (max-width:640px){.actions .hud-btn,.button-row .hud-btn,.cta-row .hud-btn{width:100%}}@media (min-width:1101px){.resume-grid{grid-template-columns:minmax(0,46%) minmax(0,54%)}}.resume-grid>*{min-width:0}@media (max-width:860px){.menu-toggle{display:inline-flex}.navbar{align-items:stretch;display:none;flex-direction:column;gap:2px;justify-content:flex-start;margin-left:0;padding-bottom:4px;padding-top:6px;width:100%}.navbar.open{display:flex}.nav-links-group{gap:10px;width:100%}.nav-group,.nav-links-group{align-items:stretch;flex-direction:column}.nav-group{gap:6px}.nav-group-items{align-items:stretch;flex-direction:column;gap:2px}.nav-links-group .nav-link{justify-content:flex-start;white-space:normal;width:100%}.user-chips{border-top:1px solid #e5e7eb;border-top:1px solid var(--hud-border);flex-wrap:wrap;justify-content:flex-start;margin-top:4px;padding-top:8px}.account-nav-group,.user-chips{border-left:none;gap:4px;margin-left:0;padding-left:0;width:100%}.user-chips .chip{min-width:0;min-width:auto;white-space:nowrap}.status-dot{align-self:center;margin-left:4px}}@media (min-width:861px){.navbar{align-items:flex-start;display:flex!important}}@media (max-width:640px){.site-header{padding-bottom:8px}.brand{flex:1 1 auto}.brand img{max-height:30px}.brand-name{font-size:.9rem}.nav-offer-banner{font-size:.875rem;padding:8px 12px}.user-chips .chip{max-width:100%;width:auto}}.page-section{padding:clamp(20px,4vw,36px) 0}.page-section .container{margin-inline:auto;padding-inline:clamp(16px,3vw,32px);padding-inline:var(--page-pad);width:min(100%,1360px);width:min(100%,var(--page-max))}.auth-card{background:#fff;background:var(--hud-panel);border:1px solid #e5e7eb;border:1px solid var(--hud-border);border-radius:10px;box-shadow:0 1px 2px #0000000d,0 2px 8px #0000000a;margin:22px auto 0;max-width:680px;padding:clamp(20px,3.6vw,36px)}.page-title{font-size:clamp(22px,2.4vw,30px);font-weight:600;letter-spacing:-.01em;margin:0 0 6px}.muted{color:#6b7280;color:var(--hud-muted)}.form-grid{grid-gap:18px 16px;display:grid;gap:18px 16px;grid-template-columns:1fr 1fr;margin-top:18px}@media (max-width:720px){.form-grid{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column}.form-label{color:#6b7280;color:var(--hud-muted);font-size:.95rem;margin-bottom:8px}.input{-webkit-text-fill-color:#111827;-webkit-text-fill-color:var(--input-text-strong);background:#f0f3f7;background:var(--input-bg);border:1px solid #c2cad6;border:1px solid var(--input-border);border-radius:8px;box-shadow:inset 0 1px 2px rgba(15,23,42,.075),0 1px 0 #ffffffb8;box-shadow:var(--input-shadow);caret-color:#111827;caret-color:var(--input-text-strong);color:#111827;color:var(--input-text-strong);font:inherit;line-height:1.45;outline:none;padding:14px 16px;transition:border-color .2s,box-shadow .2s,background-color .2s,color .2s;width:100%}.input:hover{border-color:#9ca8ba;border-color:var(--input-border-hover)}.input::placeholder{-webkit-text-fill-color:#9ca3af;-webkit-text-fill-color:var(--placeholder);color:#9ca3af;color:var(--placeholder);opacity:1}.textarea{-webkit-text-fill-color:#111827;-webkit-text-fill-color:var(--input-text-strong);background:#f0f3f7;background:var(--input-bg);border:1px solid #c2cad6;border:1px solid var(--input-border);border-radius:8px;box-shadow:inset 0 1px 2px rgba(15,23,42,.075),0 1px 0 #ffffffb8;box-shadow:var(--input-shadow);caret-color:#111827;caret-color:var(--input-text-strong);color:#111827;color:var(--input-text-strong);font:inherit;line-height:1.45;min-height:120px;outline:none;padding:14px 16px;resize:vertical;transition:border-color .2s,box-shadow .2s,background-color .2s,color .2s;width:100%}.textarea:hover{border-color:#9ca8ba;border-color:var(--input-border-hover)}.textarea::placeholder{-webkit-text-fill-color:#9ca3af;-webkit-text-fill-color:var(--placeholder);color:#9ca3af;color:var(--placeholder);opacity:1}.select{-webkit-text-fill-color:#111827;-webkit-text-fill-color:var(--input-text-strong);background:#f0f3f7;background:var(--input-bg);border:1px solid #c2cad6;border:1px solid var(--input-border);border-radius:8px;box-shadow:inset 0 1px 2px rgba(15,23,42,.075),0 1px 0 #ffffffb8;box-shadow:var(--input-shadow);caret-color:#111827;caret-color:var(--input-text-strong);color:#111827;color:var(--input-text-strong);font:inherit;line-height:1.45;outline:none;padding:14px 16px;width:100%}.select:hover{border-color:#9ca8ba;border-color:var(--input-border-hover)}.select option{background:#f0f3f7;background:var(--input-bg);color:#111827;color:var(--input-text-strong)}.input:focus,.select:focus,.textarea:focus{-webkit-text-fill-color:#111827;-webkit-text-fill-color:var(--input-text-strong);background:#fff;background:var(--input-bg-focus);border-color:#2563eb;border-color:var(--hud-accent);box-shadow:inset 0 1px 2px rgba(15,23,42,.055),0 0 0 3px color-mix(in oklab,#2563eb 20%,#0000),0 1px 0 #ffffffd9;box-shadow:var(--input-focus-shadow);caret-color:#111827;caret-color:var(--input-text-strong);color:#111827;color:var(--input-text-strong);outline:none}.form-actions{align-items:center;display:flex;gap:12px;grid-column:1/-1;justify-content:flex-start;margin-top:6px}.btn{align-items:center;background:#fff;background:var(--hud-panel);border:1px solid #e5e7eb;border:1px solid var(--hud-border);border-radius:8px;color:#111827;color:var(--hud-text);cursor:pointer;display:inline-flex;font-weight:600;gap:8px;justify-content:center;padding:12px 18px;transition:background-color .12s ease,border-color .12s ease,filter .12s ease,transform .08s ease}.btn:hover{background:color-mix(in oklab,#111827 6%,#fff);background:color-mix(in oklab,var(--hud-text) 6%,var(--hud-panel));border-color:color-mix(in oklab,#111827 18%,#e5e7eb);border-color:color-mix(in oklab,var(--hud-text) 18%,var(--hud-border))}.btn:active{transform:translateY(1px)}.btn--primary{background:#2563eb;background:var(--hud-accent);border-color:#2563eb;border-color:var(--hud-accent);color:#fff}.btn--primary:hover{filter:brightness(.88)}.btn:disabled{cursor:not-allowed;opacity:.6}:where(.input,.select,.textarea,.btn,.hud-input,.hud-select,.hud-textarea,.hud-btn):focus-visible{border-color:#2563eb;border-color:var(--hud-accent);box-shadow:0 0 0 3px color-mix(in oklab,#2563eb 22%,#0000);box-shadow:0 0 0 3px color-mix(in oklab,var(--hud-accent) 22%,#0000);outline:none}