:root{--bg:#07111f;--bg-secondary:#111b33;--panel:rgba(10,18,37,0.78);--panel-strong:rgba(13,23,47,0.94);--line:rgba(121,255,231,0.22);--line-strong:rgba(121,255,231,0.6);--text:#eef7ff;--muted:#abc4de;--cyan:#79ffe7;--blue:#69a7ff;--pink:#ff76c8;--gold:#ffdc7a;--shadow:0 24px 80px rgba(0,0,0,0.38)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at top,rgba(105,167,255,.16),transparent 30%),radial-gradient(circle at 80% 20%,rgba(255,118,200,.18),transparent 24%),radial-gradient(circle at 50% 100%,rgba(121,255,231,.16),transparent 30%),linear-gradient(180deg,#050914,#091224 45%,#060b16);font-family:Trebuchet MS,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.page-shell{position:relative;overflow:hidden}.page-shell:after,.page-shell:before{content:"";position:fixed;inset:auto;width:28rem;height:28rem;border-radius:999px;filter:blur(48px);pointer-events:none;opacity:.3}.page-shell:before{top:-10rem;right:-6rem;background:rgba(105,167,255,.42)}.page-shell:after{bottom:-8rem;left:-8rem;background:rgba(255,118,200,.28)}.container{width:min(1120px,calc(100% - 2rem));margin:0 auto}.hero{min-height:100vh;display:grid;place-items:center;padding:3rem 0 4rem}.glass-card,.hero-card{position:relative;background:linear-gradient(180deg,rgba(15,26,49,.92),rgba(9,18,35,.82));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-card{width:min(980px,100%);display:grid;grid-template-columns:1.05fr .95fr;grid-gap:2rem;gap:2rem;padding:2rem}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .85rem;border:1px solid rgba(255,220,122,.3);border-radius:999px;color:var(--gold);background:rgba(255,220,122,.08);letter-spacing:.08em;font-size:.78rem;text-transform:uppercase}.hero h1,.section-title{margin:1rem 0;line-height:1.05;letter-spacing:.02em}.hero h1{font-size:clamp(2.8rem,7vw,5.3rem)}.gradient-text{background:linear-gradient(90deg,var(--cyan),#ffffff,var(--pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lead{color:var(--muted);font-size:1.05rem;line-height:1.8}.button-row{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.cta,.link-button,.option-button,.secondary-button,.submit-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,opacity .16s ease}.cta,.submit-button{color:#04111e;font-weight:800;padding:1rem 1.4rem;border-radius:16px;background:linear-gradient(90deg,var(--cyan),#b6fff3);box-shadow:0 12px 30px rgba(121,255,231,.28)}.link-button,.secondary-button{color:var(--text);padding:1rem 1.25rem;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}.cta:hover,.link-button:hover,.option-button:hover,.secondary-button:hover,.submit-button:hover{transform:translateY(-2px)}.hero-preview{display:grid;grid-gap:1rem;gap:1rem;align-content:center}.hero-art-card{position:relative;overflow:hidden;min-height:280px;border-radius:24px;border:1px solid rgba(121,255,231,.18);background:linear-gradient(180deg,rgba(16,34,61,.88),rgba(9,16,30,.95))}.hero-art-image{width:100%;height:100%;object-fit:cover;display:block}.hero-art-overlay{position:absolute;inset:auto 0 0 0;padding:1rem;background:linear-gradient(180deg,rgba(4,8,16,0),rgba(4,8,16,.86))}.hero-art-overlay p{margin:.65rem 0 0;color:#ecf8ff;line-height:1.6}.preview-card{padding:1.2rem;border-radius:22px;background:linear-gradient(180deg,rgba(16,34,61,.88),rgba(9,16,30,.95));border:1px solid rgba(121,255,231,.18)}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.9rem;gap:.9rem}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;border-radius:999px;font-size:.8rem;color:var(--cyan);background:rgba(121,255,231,.08);border:1px solid rgba(121,255,231,.18)}.app-section{padding:3rem 0 5rem}.glass-card{padding:1.5rem}.form-grid{display:grid;grid-gap:1.25rem;gap:1.25rem}.field-label{display:block;margin-bottom:.6rem;font-weight:700;color:#d8ecff}.text-input{width:100%;padding:1rem 1.05rem;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:var(--text);outline:none}.text-input:focus{border-color:var(--line-strong);box-shadow:0 0 0 4px rgba(121,255,231,.12)}.progress-row{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.progress-track{width:100%;height:12px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.08)}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--cyan),var(--pink));box-shadow:0 0 24px rgba(121,255,231,.45);transition:width .22s ease}.question-card{display:grid;grid-gap:1rem;gap:1rem}.question-title{margin:0;font-size:clamp(1.4rem,3vw,2rem)}.option-grid{display:grid;grid-gap:.9rem;gap:.9rem}.option-button{text-align:left;width:100%;color:var(--text);border-radius:22px;border:1px solid rgba(255,255,255,.1);padding:1rem 1.1rem;background:rgba(255,255,255,.04)}.option-button.selected{border-color:rgba(121,255,231,.7);background:linear-gradient(180deg,rgba(121,255,231,.12),rgba(105,167,255,.12));box-shadow:0 0 0 3px rgba(121,255,231,.08)}.option-title{display:block;margin-bottom:.3rem;font-weight:700}.option-copy{display:block;color:var(--muted);font-size:.95rem}.wizard-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem}.status-text{min-height:1.5rem;color:#ffd7df}.result-layout{display:grid;grid-gap:1.5rem;gap:1.5rem}.result-card,.result-hero-grid{position:relative}.result-hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;grid-gap:1.25rem;gap:1.25rem;margin-bottom:1.4rem}.result-card{overflow:hidden;padding:1.7rem;border-radius:30px;background:linear-gradient(140deg,rgba(18,29,54,.98),rgba(6,12,23,.94)),linear-gradient(90deg,rgba(121,255,231,.08),rgba(255,118,200,.08));border:1px solid rgba(121,255,231,.22);box-shadow:var(--shadow)}.result-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.05),transparent);transform:translateX(-100%);animation:shine 5.5s linear infinite}.result-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.25rem}.result-title{margin:.35rem 0 0;font-size:clamp(2rem,6vw,3.4rem)}.result-meta{display:flex;flex-wrap:wrap;gap:.7rem}.meta-pill{padding:.5rem .9rem;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#e7f6ff}.detail-grid,.stats-grid{display:grid;grid-gap:1rem;gap:1rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin:1.4rem 0}.detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.4rem}.panel{padding:1rem;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}.portrait-panel{padding:1rem;border-radius:24px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.portrait-orb{position:relative;min-height:320px;display:grid;place-items:center;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.16),transparent 20%),linear-gradient(180deg,rgba(13,24,50,.96),rgba(7,12,26,.98));border:1px solid rgba(255,255,255,.1)}.job-portrait-frame{width:min(100%,320px);margin:0 auto;border-radius:22px;overflow:hidden;box-shadow:0 20px 48px rgba(0,0,0,.35)}.portrait-copy{margin-bottom:0}.job-portrait-svg{width:100%;height:auto;display:block}.share-url{word-break:break-all;font-size:1rem;color:#f4fbff}.share-actions{margin-top:.75rem}.panel h3,.panel h4,.story-panel h3{margin-top:0}.stat-list{display:grid;grid-gap:.75rem;gap:.75rem}.stat-row{display:grid;grid-gap:.45rem;gap:.45rem}.stat-label{display:flex;justify-content:space-between;gap:.6rem;color:#d6edff;font-size:.95rem}.stat-track{height:10px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.08)}.stat-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.story-panel{margin-top:1.4rem;padding:1.2rem;border-radius:22px;background:linear-gradient(180deg,rgba(255,118,200,.08),rgba(121,255,231,.06));border:1px solid rgba(255,255,255,.08)}.subtle{color:var(--muted)}.center-shell{min-height:100vh;display:grid;place-items:center;padding:2rem 0}@keyframes shine{0%{transform:translateX(-100%)}20%,to{transform:translateX(140%)}}@media (max-width:920px){.detail-grid,.hero-card,.result-hero-grid,.stats-grid{grid-template-columns:1fr}}@media (max-width:640px){.glass-card,.hero-card,.result-card{padding:1.2rem;border-radius:24px}.button-row,.result-header,.wizard-actions{flex-direction:column}}