.career-builder-page{min-height:100vh;background:#090d14;color:#f5f2eb;background-image:radial-gradient(circle at 78% 16%,rgba(72,199,216,.14),transparent 26%),radial-gradient(circle at 12% 68%,rgba(227,196,124,.16),transparent 32%)}
.cb-header{display:flex;justify-content:space-between;align-items:center}.cb-header-actions{display:flex;align-items:center;gap:20px}.cb-back{color:var(--ice);font-weight:850}.cb-back span{color:var(--neon);margin-left:5px}.cb-live-mark{display:flex;align-items:center;gap:8px;color:var(--gold-2);font:900 .7rem var(--font-ui);letter-spacing:.12em}.cb-live-mark i{width:7px;height:7px;border-radius:50%;background:#70e0aa;box-shadow:0 0 0 5px rgba(112,224,170,.12)}
.cb-shell{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:140px 0 72px}.cb-intro{max-width:900px}.cb-intro h1{font-size:clamp(3.2rem,7vw,7rem);line-height:.9;margin:12px 0 22px;letter-spacing:-.05em}.cb-intro>p:not(.eyebrow){max-width:720px;color:#b6c1d4;font-size:1.12rem;line-height:1.6}.cb-builder{margin-top:54px}.cb-builder-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:16px}.cb-builder-head>div{display:flex;align-items:center;gap:12px}.cb-builder-head h2{margin:0;font-size:1.35rem}.cb-builder-head p{max-width:450px;margin:0;color:#aeb9ce;font-size:.88rem;line-height:1.45;text-align:right}.cb-step{display:grid;place-items:center;width:33px;height:33px;border:1px solid rgba(227,196,124,.5);border-radius:50%;color:var(--gold-2);font:900 .7rem var(--font-mono)}
.cb-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cb-choice{position:relative;display:grid;gap:18px;min-height:210px;padding:24px;border:1px solid #2c3b51;border-radius:13px;background:rgba(14,21,32,.84);color:inherit;text-align:left;cursor:pointer;overflow:hidden;transition:border-color .2s,transform .2s,background .2s}.cb-choice::after{content:"";position:absolute;right:-28px;bottom:-35px;width:120px;height:120px;border:1px solid rgba(72,199,216,.2);border-radius:50%}.cb-choice:hover,.cb-choice.is-active{transform:translateY(-4px);border-color:var(--gold-2);background:linear-gradient(135deg,rgba(227,196,124,.16),rgba(13,20,31,.94))}.cb-choice-icon{width:31px;height:31px;color:var(--gold-2)}.cb-choice strong{display:block;margin-bottom:6px;font-size:1.15rem;letter-spacing:.02em}.cb-choice span{display:block;max-width:250px;color:#aeb9ce;font-size:.9rem;line-height:1.45}.cb-choice em{position:absolute;right:20px;top:22px;font-style:normal;color:var(--neon);font:900 .68rem var(--font-mono);letter-spacing:.1em}
.cb-identity-head{margin-top:34px}.cb-personas{display:flex;gap:10px;flex-wrap:wrap}.cb-persona{display:flex;align-items:center;gap:9px;min-height:48px;padding:0 16px;border:1px solid #2c3b51;border-radius:8px;background:#101722;color:#b6c1d4;font:850 .78rem var(--font-ui);cursor:pointer;transition:.2s}.cb-persona .hd-icon{width:17px;height:17px;color:var(--neon)}.cb-persona:hover,.cb-persona.is-active{color:var(--ice);border-color:rgba(72,199,216,.8);background:rgba(72,199,216,.12)}
.cb-name-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,360px);gap:18px;align-items:center;margin-top:14px;padding:14px 16px;border:1px solid rgba(72,199,216,.26);border-radius:10px;background:rgba(10,15,24,.58)}.cb-name-field span{display:block;color:var(--gold-2);font-size:.72rem;font-weight:900;letter-spacing:.08em}.cb-name-field b{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;border:1px solid rgba(227,196,124,.45);border-radius:50%;font:900 .65rem var(--font-mono)}.cb-name-field small{display:block;margin-top:4px;margin-left:34px;color:var(--subtle);font-size:.72rem;font-weight:700;letter-spacing:0}.cb-name-field input{width:100%;min-height:46px;padding:0 14px;border:1px solid rgba(72,199,216,.4);border-radius:7px;outline:none;background:#0b111b;color:var(--ice);font:800 1rem var(--font-ui)}.cb-name-field input:focus{border-color:var(--gold-2);box-shadow:0 0 0 3px rgba(227,196,124,.12)}
.cb-reveal{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:38px;align-items:stretch;margin-top:44px;padding:36px;border:1px solid rgba(72,199,216,.38);border-radius:18px;background:linear-gradient(135deg,rgba(17,32,43,.9),rgba(8,13,21,.94));box-shadow:0 26px 70px rgba(0,0,0,.25)}.cb-reveal-copy{display:flex;flex-direction:column}.cb-reveal-copy>h2{max-width:700px;margin:10px 0 12px;font-size:clamp(2.2rem,4vw,4rem);line-height:.96;letter-spacing:-.04em}.cb-reveal-copy>p:not(.eyebrow){max-width:600px;margin:0;color:#b6c1d4;font-size:1.04rem;line-height:1.55}.cb-roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:30px}.cb-roadmap article{padding:14px;border-top:2px solid rgba(227,196,124,.7);background:rgba(8,13,21,.48)}.cb-roadmap span,.cb-roadmap small{display:block;color:#91a0be;font-size:.7rem;line-height:1.4}.cb-roadmap span{margin-bottom:8px;color:var(--gold-2);font-weight:900;letter-spacing:.08em}.cb-roadmap strong{display:block;min-height:38px;margin-bottom:7px;font-size:.92rem;line-height:1.12}.cb-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:auto;padding-top:28px}.cb-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;width:auto}.cb-actions .hd-icon{width:17px;height:17px}.cb-actions small{width:100%;color:var(--neon);font-weight:800}
.cb-card{min-height:500px;padding:26px;border:1px solid rgba(227,196,124,.72);border-radius:16px;background:linear-gradient(145deg,rgba(28,36,50,.96),rgba(7,12,20,.99));box-shadow:0 22px 60px rgba(0,0,0,.34);display:flex;flex-direction:column}.cb-card-top,.cb-card-stats{display:flex;justify-content:space-between;gap:10px;font:900 .68rem var(--font-ui);letter-spacing:.1em;color:#e3c47c}.cb-card-icon{width:112px;height:112px;margin:42px auto 26px;color:var(--gold-2);filter:drop-shadow(0 0 18px rgba(227,196,124,.18))}.cb-card p{margin:0;color:#48c7d8;font-weight:900;letter-spacing:.1em;font-size:.72rem}.cb-card h2{font-size:clamp(2rem,3vw,3rem);line-height:.94;margin:10px 0 auto}.cb-card-stats{margin-top:28px}.cb-card-stats span{display:grid;gap:4px;color:#aeb9ce}.cb-card-stats b{color:#f5f2eb;font-size:1.75rem}.cb-card small{margin-top:24px;color:#b6c1d4;line-height:1.4}
.cb-card-owner{display:block;min-height:18px;margin:0 0 8px;color:var(--gold-2);font:900 .68rem var(--font-ui);letter-spacing:.12em;text-align:center}.cb-actions .btn.story{color:var(--ice);border-color:rgba(72,199,216,.58);background:rgba(72,199,216,.1)}.cb-actions .btn.story:hover{background:rgba(72,199,216,.22)}
.cb-actions .btn.share-direct{color:var(--ice);border-color:rgba(227,196,124,.58);background:rgba(227,196,124,.11)}.cb-actions .btn.share-direct:hover{background:rgba(227,196,124,.22)}
@media(max-width:800px){.cb-header-actions{gap:12px}.cb-live-mark{display:none}.cb-shell{width:min(100% - 30px,1240px);padding-top:112px}.cb-builder-head{align-items:start;flex-direction:column;gap:8px}.cb-builder-head p{text-align:left}.cb-choices{grid-template-columns:1fr}.cb-choice{min-height:0;grid-template-columns:42px 1fr;gap:14px;padding:18px}.cb-choice-icon{grid-row:1 / span 2}.cb-choice strong{font-size:1rem}.cb-choice em{right:16px;top:16px}.cb-name-field{grid-template-columns:1fr;gap:10px}.cb-reveal{grid-template-columns:1fr;padding:22px}.cb-roadmap{grid-template-columns:1fr}.cb-roadmap strong{min-height:0}.cb-actions .btn{width:100%}.cb-card{min-height:390px}.cb-card-icon{width:84px;height:84px;margin:24px auto}.cb-intro h1{font-size:clamp(3rem,13vw,4.8rem)}}
.cb-choice-skeleton,.cb-persona-skeleton{pointer-events:none;overflow:hidden;background:linear-gradient(100deg,rgba(16,23,34,.92) 24%,rgba(72,199,216,.13) 42%,rgba(16,23,34,.92) 60%);background-size:240% 100%;animation:cb-skeleton-pulse 1.4s ease-in-out infinite}.cb-choice-skeleton i{display:block;width:31px;height:31px;border-radius:8px;background:rgba(227,196,124,.18)}.cb-choice-skeleton span,.cb-choice-skeleton small{display:block;width:68%;height:14px;border-radius:999px;background:rgba(245,242,235,.13)}.cb-choice-skeleton small{width:86%;height:10px}.cb-persona-skeleton{width:148px;min-height:48px}.cb-persona-skeleton:nth-child(2){width:132px}.cb-persona-skeleton:nth-child(3){width:156px}@keyframes cb-skeleton-pulse{to{background-position:-140% 0}}@media(max-width:800px){.cb-choice-skeleton{min-height:112px}}@media(prefers-reduced-motion:reduce){.cb-choice-skeleton,.cb-persona-skeleton{animation:none}}