: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%)}}.result-card--ur{border-color:transparent;animation:ur-entrance .9s cubic-bezier(.22,1,.36,1)}.result-card--ur:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(120deg,var(--gold),var(--pink),var(--cyan),var(--gold));background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:ur-flow 5s linear infinite;pointer-events:none}.result-card--ur .result-title{background:linear-gradient(90deg,var(--gold),var(--pink),var(--cyan),var(--gold));background-size:300% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:ur-flow 4s linear infinite;filter:drop-shadow(0 0 18px rgba(255,220,122,.35))}.ur-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .95rem;border-radius:999px;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(90deg,var(--gold),#fff3b0,var(--pink),var(--gold));background-size:300% auto;box-shadow:0 0 24px rgba(255,220,122,.45)}.meta-pill--ur,.ur-badge{font-weight:800;color:#2a1500;animation:ur-flow 4s linear infinite}.meta-pill--ur{border-color:transparent;background:linear-gradient(90deg,var(--gold),var(--pink),var(--cyan),var(--gold));background-size:300% auto;box-shadow:0 0 18px rgba(255,220,122,.4)}.job-portrait-frame--ur{animation:ur-pulse 2.6s ease-in-out infinite}@keyframes ur-flow{0%{background-position:0 50%}to{background-position:300% 50%}}@keyframes ur-pulse{0%,to{box-shadow:0 0 0 2px rgba(255,220,122,.55),0 0 32px rgba(255,220,122,.3),0 20px 48px rgba(0,0,0,.35)}50%{box-shadow:0 0 0 2px rgba(255,118,200,.6),0 0 56px rgba(255,118,200,.42),0 20px 48px rgba(0,0,0,.35)}}@keyframes ur-entrance{0%{transform:scale(.94);filter:brightness(2.1) saturate(.25)}45%{filter:brightness(1.3)}to{transform:scale(1);filter:brightness(1)}}.result-card--ssr{border-color:rgba(255,220,122,.5);box-shadow:0 0 42px rgba(255,220,122,.16),var(--shadow)}.result-card--ssr .result-title{color:var(--gold);text-shadow:0 0 24px rgba(255,220,122,.35)}.meta-pill--ssr{border-color:rgba(255,220,122,.55);color:var(--gold);background:rgba(255,220,122,.1);box-shadow:0 0 14px rgba(255,220,122,.25)}.reveal-gate{display:grid;place-items:center;padding:3rem 1rem 2rem}.reveal-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;width:min(340px,100%);aspect-ratio:3/4;display:grid;place-items:center;align-content:center;grid-gap:1rem;gap:1rem;border-radius:26px;color:var(--text);border:1px solid rgba(121,255,231,.3);background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.1),transparent 45%),repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0 14px,rgba(255,255,255,0) 14px 28px),linear-gradient(180deg,rgba(16,28,55,.98),rgba(7,12,26,.98));transition:transform .18s ease,box-shadow .18s ease;animation:reveal-float 3s ease-in-out infinite}.reveal-card:hover{transform:translateY(-6px) scale(1.02)}.reveal-card--r{box-shadow:0 0 34px rgba(121,255,231,.22)}.reveal-card--sr{border-color:rgba(154,124,255,.5);box-shadow:0 0 44px rgba(154,124,255,.35)}.reveal-card--ssr{border-color:rgba(255,220,122,.6);box-shadow:0 0 54px rgba(255,220,122,.45)}.reveal-card--ur{border-color:transparent;box-shadow:0 0 64px rgba(255,220,122,.4),0 0 96px rgba(255,118,200,.3);animation:reveal-float 3s ease-in-out infinite,ur-pulse 2.6s ease-in-out infinite}.reveal-mark{font-size:4.4rem;font-weight:800;opacity:.85}.reveal-hint{color:var(--muted);letter-spacing:.06em}.reveal-cta{padding:.7rem 1.2rem;border-radius:999px;font-weight:700;color:#04111e;background:linear-gradient(90deg,var(--cyan),#b6fff3);box-shadow:0 10px 26px rgba(121,255,231,.3)}.reveal-entrance{animation:reveal-open .7s cubic-bezier(.22,1,.36,1)}@keyframes reveal-float{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes reveal-open{0%{transform:scale(.9);opacity:0;filter:brightness(2.4)}55%{opacity:1;filter:brightness(1.4)}to{transform:scale(1);filter:brightness(1)}}@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}}