.profile-onboarding{min-height:calc(100vh - 72px);display:grid;grid-template-columns:minmax(340px,1fr) minmax(420px,1.02fr);gap:clamp(20px,5vw,60px);align-items:center;position:relative;overflow:hidden;padding:clamp(30px,7vw,92px) clamp(18px,5vw,64px);background:#102437;color:#f8fafc;border-radius:18px}.profile-onboarding:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(222,181,94,.26);border-radius:50%;right:-120px;top:-120px;box-shadow:0 0 0 34px rgba(222,181,94,.04),0 0 0 86px rgba(222,181,94,.025)}.profile-orbit{position:absolute;width:190px;height:58px;border:1px solid rgba(222,181,94,.45);border-radius:50%;right:72px;top:118px;transform:rotate(-25deg)}.profile-intro{position:relative;z-index:1;max-width:none;width:100%}.profile-intro .eyebrow,.profile-card .eyebrow{color:#dfb75f}.profile-intro h1{font:700 clamp(38px,5vw,66px)/.98 Georgia,serif;letter-spacing:-.055em;margin:12px 0 22px}.profile-intro p{color:#b9c8d5;line-height:1.7;max-width:360px}.profile-intro p.profile-note{font-size:12.5px;color:#8fa0af;max-width:320px}.profile-intro-art{display:block;width:100%;max-width:none;height:auto;border-radius:16px;box-shadow:0 25px 60px rgba(0,0,0,.35)}.profile-proof{display:flex;align-items:center;gap:12px;margin-top:32px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16);max-width:320px}.profile-proof small{display:block;color:#9fb0bf;font-size:12px;margin-top:4px}.profile-proof small a{color:#dfb75f;text-decoration:underline}.profile-proof small a:hover{color:#f0cd7c}.proof-dot{width:12px;height:12px;border-radius:50%;background:#dfb75f;box-shadow:0 0 0 7px rgba(223,183,95,.16)}.profile-card{position:relative;z-index:1;background:#fff;color:#182331;border-radius:18px;padding:clamp(24px,4vw,42px);box-shadow:0 25px 70px rgba(0,0,0,.2)}.profile-card-head{display:flex;align-items:center;gap:14px;border-bottom:1px solid #e7ebef;padding-bottom:22px;margin-bottom:25px}.profile-card-head h2{font-size:28px;letter-spacing:-.04em;margin:3px 0 0}.profile-step{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#102437;color:#dfb75f;font-size:13px;font-weight:800}.profile-progress{margin-left:auto;color:#718091;font-size:12px;font-weight:800}.salutation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:20px}.salutation-option{position:relative;margin:0!important}.salutation-option input{position:absolute;opacity:0}.salutation-option span{display:block;text-align:center;padding:12px 8px;border:1px solid #dbe2e8;border-radius:10px;color:#526274;font-size:13px;font-weight:700;cursor:pointer;transition:.18s ease}.salutation-option input:checked+span{border-color:#102437;background:#102437;color:#fff;box-shadow:0 5px 12px rgba(16,36,55,.14)}.salutation-option input:focus-visible+span{outline:3px solid rgba(223,183,95,.5);outline-offset:2px}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.profile-fields .field{display:grid;gap:7px;margin:0 0 17px}.profile-fields .field span{font-size:12px;font-weight:800;color:#344456}.profile-fields .field span small{font-weight:500;color:#8895a1}.profile-fields .field span b{color:#bb6a46}.profile-fields input{width:100%;border:1px solid #dbe2e8;border-radius:9px;padding:12px 13px;color:#182331;outline:none}.profile-fields input:focus{border-color:#c49a4b;box-shadow:0 0 0 3px rgba(196,154,75,.15)}.profile-error{min-height:20px;color:#b34d42;font-size:12px;margin:2px 0 10px}.profile-actions{display:flex;align-items:center;gap:16px;border-top:1px solid #e7ebef;padding-top:20px}.profile-actions .btn{border:0}.profile-actions .btn span{font-size:18px;margin-left:8px}.profile-safe{color:#758493;font-size:11px}.profile-actions button.is-loading{opacity:.65;pointer-events:none}@media(max-width:800px){.profile-onboarding{grid-template-columns:1fr;padding:32px 18px}.profile-intro h1{font-size:43px}.profile-proof{margin-top:24px}.profile-orbit{right:-45px;top:42px}.profile-card{padding:24px 18px}.profile-fields{grid-template-columns:1fr}.profile-actions{align-items:flex-start;flex-direction:column}.profile-actions .btn{width:100%}}
