@font-face{font-family:NotoDeepSmile;src:url(../assets/NotoSansCJKsc-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:NotoDeepSmile;src:url(../assets/NotoSansCJKsc-Bold.otf) format("opentype");font-weight:700 900;font-style:normal;font-display:swap}:root{font-family:NotoDeepSmile,system-ui,sans-serif;color:#0b1f4d;background:#f7fbff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f7fbff;-webkit-font-smoothing:antialiased}button{font:inherit}button:focus-visible{outline:3px solid rgba(23,105,232,.32);outline-offset:3px}.app-shell{isolation:isolate;min-height:100vh;overflow:hidden;position:relative;background:#fbfdff;padding:36px clamp(30px,6vw,112px) 46px}.contours{position:absolute;z-index:-1;right:0;top:0;height:100%;width:min(69vw,1000px);object-fit:cover;object-position:right center;opacity:.78;pointer-events:none}header{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1280px;margin:0 auto}.brand img{display:block;width:154px;height:auto}.progress-wrap{display:flex;align-items:center;gap:14px;color:#61718e;font-size:13px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.progress-track{height:3px;width:min(18vw,260px);background:#dfe8f4;overflow:hidden;border-radius:99px}.progress-fill{height:100%;background:#1769e8;border-radius:inherit;transition:width .3s ease}.screen-content{width:min(100%,1280px);min-height:calc(100vh - 144px);margin:0 auto;display:flex;align-items:center}.eyebrow{color:#1769e8;font-size:14px;font-weight:800;letter-spacing:.08em;margin:0 0 18px}.welcome-layout{max-width:845px;padding:40px 0 26px;animation:rise .55s ease both}h1,h2,p{margin-top:0}h1{max-width:780px;margin-bottom:38px;color:#0b1f4d;font-size:clamp(42px,5.1vw,76px);line-height:1.18;letter-spacing:-.065em;font-weight:900}.welcome-steps{display:flex;gap:0;max-width:748px;margin-bottom:32px;border-top:1px solid #dce7f3;border-bottom:1px solid #dce7f3}.welcome-steps>div{display:flex;align-items:center;gap:11px;flex:1;padding:18px 14px;color:#173269;font-size:15px;font-weight:700}.welcome-steps>div+div{border-left:1px solid #dce7f3}.welcome-steps svg{color:#1769e8}.welcome-copy{color:#60708a;font-size:17px;line-height:1.9;margin-bottom:30px}.welcome-copy strong{color:#1769e8;font-weight:800}.microcopy{color:#8391a8;font-size:13px;margin:15px 0 0 3px}.profile-layout{width:min(100%,620px);padding:38px 0 34px;animation:rise .45s ease both}.profile-heading{margin-bottom:25px}.profile-icon{display:grid;place-items:center;width:50px;height:50px;margin-bottom:18px;border-radius:14px;background:#edf5ff;color:#1769e8}.profile-heading h2{margin:0 0 9px;color:#0b1f4d;font-size:clamp(30px,3.2vw,44px);line-height:1.24;letter-spacing:-.055em;font-weight:900}.profile-heading p{max-width:520px;margin:0;color:#718099;font-size:15px;line-height:1.7}.profile-card{display:grid;gap:15px;padding:24px 25px 22px;border:1px solid #d7e5f3;border-radius:16px;background:#ffffffd1;box-shadow:0 18px 42px #1c49870f}.profile-card label{display:grid;gap:8px;color:#173269;font-size:14px;font-weight:800}.profile-card label>svg{margin-right:-2px;color:#1769e8}.profile-card label b{margin-left:3px;color:#1769e8;font-size:11px}.profile-card label span{margin-left:3px;color:#8b98aa;font-size:11px;font-weight:600}.profile-card input,.profile-card textarea{width:100%;border:1px solid #cfdeed;border-radius:10px;background:#fbfdff;color:#102553;font:inherit;font-size:14px;font-weight:500;outline:0;transition:border-color .2s,box-shadow .2s}.profile-card input{height:46px;padding:0 13px}.profile-card textarea{resize:vertical;min-height:82px;padding:11px 13px;line-height:1.55}.profile-card input:focus,.profile-card textarea:focus{border-color:#1769e8;box-shadow:0 0 0 3px #1769e81f}.profile-card input::placeholder,.profile-card textarea::placeholder{color:#9aa7b8}.privacy-note{display:flex;align-items:flex-start;gap:8px;margin:2px 0 0;color:#708098;font-size:12px;line-height:1.65}.privacy-note svg{flex:0 0 auto;margin-top:1px;color:#16835e}.button-primary,.button-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border-radius:9px;border:1px solid transparent;cursor:pointer;font-size:15px;font-weight:800;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease}.button-primary{padding:0 24px;background:#1769e8;color:#fff;box-shadow:0 11px 22px #1769e838}.button-primary:hover:not(:disabled){background:#0a3a96;box-shadow:0 14px 28px #0a3a9642;transform:translateY(-1px)}.button-primary:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.button-large{min-width:254px;min-height:58px;font-size:17px}.button-secondary{padding:0 17px;background:#ffffffad;border-color:#cbd8e8;color:#5f6f89}.button-secondary:hover:not(:disabled){border-color:#1769e8;color:#0b1f4d}.button-secondary:disabled{visibility:hidden}.discovery-layout{display:grid;grid-template-columns:190px minmax(0,760px);gap:clamp(52px,8vw,130px);align-items:start;width:100%;padding:48px 0}.step-rail{padding-top:10px}.rail-item{position:relative;display:flex;align-items:center;gap:11px;min-height:72px;color:#94a1b5;font-size:13px}.rail-item:not(:last-child):after{content:"";position:absolute;left:15px;top:41px;height:38px;width:1px;background:#d6e1ee}.rail-item span{width:31px;height:31px;display:grid;place-items:center;border:1px solid #cdd9e7;border-radius:50%;background:#fff;font-size:12px;font-weight:800}.rail-item i{font-style:normal}.rail-item.active{color:#1769e8;font-weight:800}.rail-item.active span,.rail-item.done span{border-color:#1769e8;background:#1769e8;color:#fff}.rail-item.done{color:#5f6f89}.rail-item.done:after{background:#1769e8}.question-panel{max-width:760px;animation:rise .35s ease both}.question-mark{width:52px;height:52px;display:grid;place-items:center;border:1px solid #d7e5f7;border-radius:14px;background:#f4f8ff;color:#1769e8;margin-bottom:22px}.question-panel h2,.result-head h2,.handoff-layout h2{margin-bottom:12px;font-size:clamp(31px,3vw,47px);line-height:1.3;letter-spacing:-.055em;color:#0b1f4d;font-weight:900}.hint{color:#718099;font-size:15px;line-height:1.7;margin-bottom:28px}.options-list{display:grid;gap:10px}.option-card{position:relative;display:flex;align-items:center;gap:16px;width:100%;padding:16px 52px 16px 18px;text-align:left;border:1px solid #d5e0ed;border-radius:13px;background:#ffffffc7;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s}.option-card:hover{background:#f8fbff;border-color:#8fb7f3;transform:translate(2px)}.option-card.selected{background:#f3f8ff;border-color:#1769e8;box-shadow:0 0 0 3px #1769e814}.option-icon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 auto;color:#1769e8;background:#eef5ff;border-radius:10px}.option-card b{display:block;color:#102553;font-size:16px;line-height:1.42}.option-card small{display:block;color:#74839a;font-size:13px;line-height:1.5;margin-top:3px}.selection-mark{position:absolute;right:20px;width:18px;height:18px;border-radius:50%;border:1.5px solid #c4d1e1}.selected .selection-mark{border-color:#1769e8;background:#1769e8;box-shadow:inset 0 0 0 4px #f3f8ff}.nav-row{display:flex;align-items:center;justify-content:space-between;margin-top:27px}.result-layout,.preview-layout{width:min(100%,920px);padding:50px 0 40px;animation:rise .45s ease both}.result-head{display:flex;align-items:flex-start;gap:16px}.result-head>svg{flex:0 0 auto;color:#1769e8;margin-top:5px}.result-head p{color:#718099;font-size:15px;line-height:1.7;margin-bottom:0}.result-head .eyebrow{margin-bottom:10px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:34px 0}.summary-card{display:flex;gap:13px;align-items:flex-start;padding:17px 18px;border:1px solid #dce7f3;border-radius:13px;background:#ffffffc7;color:#1769e8}.summary-card p{margin:0;color:#60708a;font-size:14px;line-height:1.65}.summary-card strong{color:#0b1f4d}.mirror-message{max-width:850px;padding:21px 22px;margin:0 0 28px;background:#eef5ffb3;border-left:3px solid #48bee8;color:#5f6f89;font-size:14px;line-height:1.75}.mirror-message p{margin:0}.mirror-message p+p{margin-top:10px}.preview-layout{max-width:780px}.process-list{margin:34px 0 25px}.process-item{display:flex;gap:17px;align-items:flex-start;padding:15px 0;border-bottom:1px solid #deebf7}.process-icon{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#f0f6ff;color:#1769e8}.process-item b{display:block;color:#16305f;font-size:15px}.process-item small{display:block;color:#7a89a0;font-size:13px;margin-top:1px}.process-item em{display:inline-flex;align-items:center;gap:5px;color:#16835e;background:#edf9f4;border-radius:99px;padding:3px 9px;margin-top:6px;font-size:12px;font-style:normal}.tips{display:flex;gap:12px;padding:18px 19px;margin-bottom:25px;border:1px solid #d5e7fb;border-radius:13px;background:#f5f9ff;color:#5d6d86}.tips>svg{color:#1769e8;flex:0 0 auto;margin-top:2px}.tips b{font-size:14px;color:#0b1f4d}.tips ul{margin:7px 0 0;padding-left:18px;font-size:13px;line-height:1.75}.tips strong{color:#1769e8}.handoff-layout{width:min(100%,690px);padding:52px 0;text-align:center;animation:rise .45s ease both}.handoff-layout>svg{color:#1769e8;margin-bottom:15px}.handoff-layout .eyebrow{margin-bottom:9px}.handoff-layout h2{margin-bottom:12px}.handoff-sub{color:#718099;line-height:1.75}.handoff-summary{margin:29px 0 20px;padding:20px;text-align:left;background:#eff6ffd1;border:1px solid #dbe8f7;border-radius:13px}.handoff-summary>span{display:block;color:#1769e8;font-size:12px;font-weight:900;letter-spacing:.08em;margin-bottom:11px}.handoff-summary>div{display:flex;flex-wrap:wrap;gap:8px}.handoff-summary b{padding:6px 10px;background:#fff;border:1px solid #cfe0f5;border-radius:99px;color:#21447e;font-size:12px}.handoff-message{max-width:610px;margin:0 auto 22px;color:#61718b;font-size:15px;line-height:1.8}.handoff-message strong{color:#0b1f4d}.export-button{min-width:220px}.export-note{margin:10px auto 19px;color:#8391a8;font-size:12px;line-height:1.6}.next-preview{margin:0 0 20px}.handoff-actions{display:flex;align-items:center;justify-content:center;gap:18px}.handoff-actions .button-secondary{min-height:38px;font-size:13px}.final-ready{display:flex;align-items:center;justify-content:center;gap:7px;margin:14px 0 0;color:#16835e;font-size:14px;font-weight:700}.final-register{display:flex;justify-content:center;margin-top:24px;padding-top:20px;border-top:1px solid #deebf7}.final-register .button-secondary{min-height:38px;font-size:13px}.restart{border:0;background:transparent;color:#687993;font-size:13px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:820px){.app-shell{padding:25px 22px 36px}.contours{width:100%;opacity:.32;object-position:right top}header{align-items:flex-start}.brand img{width:132px}.progress-wrap{display:block;text-align:right;font-size:12px}.progress-track{width:128px;margin:8px 0 0 auto}.screen-content{min-height:calc(100vh - 115px);align-items:flex-start}.welcome-layout{padding-top:58px}.profile-layout{padding-top:42px}.welcome-steps{display:block;max-width:420px}.welcome-steps>div{padding:12px 4px}.welcome-steps>div+div{border-left:0;border-top:1px solid #dce7f3}.welcome-copy{font-size:15px}.discovery-layout{display:block;padding-top:38px}.step-rail{display:flex;gap:8px;padding:0;margin-bottom:32px}.rail-item{display:block;min-height:auto}.rail-item:not(:last-child):after,.rail-item i{display:none}.rail-item span{width:30px;height:30px}.question-panel h2,.result-head h2,.handoff-layout h2,.profile-heading h2{font-size:32px}.option-card{padding:14px 45px 14px 14px}.option-card b{font-size:15px}.summary-grid{grid-template-columns:1fr}.result-layout,.preview-layout,.handoff-layout{padding-top:38px}.button-large{width:100%}}@media(max-width:460px){.app-shell{padding:20px 17px 28px}.brand img{width:120px}.progress-wrap span{display:none}.progress-track{width:86px}.welcome-layout{padding-top:40px}.profile-layout{padding-top:32px}.profile-card{padding:19px 17px}.profile-heading h2{font-size:30px}h1{font-size:40px}.welcome-steps span{font-size:14px}.button-large{font-size:16px}.hint{font-size:14px}.nav-row{gap:10px}.nav-row .button-primary,.nav-row .button-secondary{padding:0 14px}.result-head{gap:12px}.result-head>svg{width:25px}.process-item{gap:12px}.tips{padding:15px}.handoff-summary{padding:16px}}
