@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{--bg: #f3f6fb;--bg-alt: #eef3ff;--ink: #0f1b3d;--muted: #4f5f85;--line: #d9e1f2;--card: #ffffff;--brand: #1f6bff;--brand-2: #19b3a6;--danger: #d45776;--shadow: 0 16px 36px rgba(25, 40, 89, .1)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Noto Sans,Noto Sans KR,system-ui,-apple-system,sans-serif;color:var(--ink);background:linear-gradient(180deg,#f8fafc,#f4f6fb)}.app-shell{min-height:100vh}.topbar{position:fixed;inset:0 0 auto 0;z-index:50;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1120px;margin:0 auto;height:68px;padding:0 16px;display:flex;align-items:center;gap:10px}.brand{border:0;background:transparent;display:flex;align-items:center;cursor:pointer;padding:0}.brand-logo-image{width:190px;height:auto;display:block}.nav-links{margin-left:auto;display:flex;gap:16px}.nav-links a{text-decoration:none;color:#43537b;font-weight:600;font-size:14px}.nav-links a:hover{color:var(--ink)}.lang-select{border:1px solid #cad5ef;border-radius:10px;background:#fff;color:#334669;padding:7px 10px;font-size:13px;font-weight:600}.ghost-btn{border:1px solid #cad5ef;background:#fff;color:#334669;border-radius:999px;padding:8px 12px;font-weight:600;font-size:13px;cursor:pointer}.topbar-progress{height:5px;background:#ebf1ff}.topbar-progress-fill{height:100%;width:0;background:linear-gradient(90deg,var(--brand),var(--brand-2));transition:width .25s ease}.page-wrap{max-width:1120px;margin:0 auto;padding:94px 16px 40px}.hero-panel{border:1px solid #e1e8f5;border-radius:30px;padding:64px 36px;background:#fff;box-shadow:0 18px 40px #11265414;text-align:center}.ci-lockup{display:flex;align-items:center;justify-content:center;margin-bottom:16px}.hero-logo-image{width:min(520px,82vw);height:auto;display:block}.hero-main-headline{margin:16px auto 0;max-width:840px;font-size:clamp(30px,4.2vw,50px);line-height:1.18;letter-spacing:-.03em}.hero-line{display:block}.hero-line+.hero-line{margin-top:10px}.hero-line-sub{font-size:.82em;font-weight:700;letter-spacing:-.02em}.hero-emphasis{font-style:normal;font-weight:900}.hero-emphasis-personality{color:#6ea452}.hero-emphasis-condition{color:#1f6bff}.hero-cta-row{margin-top:28px;display:flex;justify-content:center;flex-wrap:wrap}.hero-primary-btn{min-width:220px;min-height:52px;font-size:16px;border-radius:14px;box-shadow:0 12px 26px #2058d63d}.value-grid{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.value-grid article{border:1px solid #dce5f7;border-radius:18px;padding:16px;background:#fff}.value-grid h3{margin:0;font-size:18px;letter-spacing:-.02em}.value-grid p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.45}.panel-box{margin-top:18px;border:1px solid #dce5f7;border-radius:22px;padding:22px;background:#fff;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;gap:8px;color:#566892;font-size:14px;font-weight:600}.question-frame{margin-top:18px;min-height:100px;transition:opacity .2s ease,transform .2s ease}.question-frame.leaving{opacity:0;transform:translateY(8px)}.question-frame h2{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.38;letter-spacing:-.02em}.scale-wrap{margin-top:12px}.scale-label-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:700;line-height:1.3}.scale-label-row .left{color:var(--danger);text-align:left}.scale-label-row .right{color:#0e8f7c;text-align:right}.scale-row{margin-top:12px;display:flex;justify-content:center;align-items:center;gap:11px}.scale-dot{border-radius:999px;border-style:solid;border-width:2px;background:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.size-xl{width:54px;height:54px}.size-lg{width:46px;height:46px}.size-md{width:38px;height:38px}.size-sm{width:30px;height:30px}.scale-dis-3{border-color:#b64165;background:#fde8ef}.scale-dis-2{border-color:#d45776;background:#fff1f6}.scale-dis-1{border-color:#e3859e;background:#fff7fa}.scale-neutral{border-color:#c4cee4;background:#f8fafe}.scale-agree-1{border-color:#67c9bd;background:#edfbf9}.scale-agree-2{border-color:#31b6a8;background:#e4faf6}.scale-agree-3{border-color:#0e9f8f;background:#d7f5f0}.scale-dot:hover{transform:translateY(-1px)}.scale-dot.selected{transform:translateY(-2px) scale(1.06);box-shadow:0 10px 20px #0f1b3d24}.quiz-inline-hint{margin-top:12px;color:#5a6d95;font-size:13px;font-weight:600}.panel-actions{margin-top:18px;display:flex;justify-content:space-between;gap:10px}.panel-actions.single-left{justify-content:flex-start}.solid-btn,.line-btn{border-radius:12px;padding:10px 15px;font-size:14px;font-weight:700;cursor:pointer}.solid-btn{border:1px solid transparent;color:#fff;background:linear-gradient(135deg,var(--brand),#2d8fff 50%,var(--brand-2))}.line-btn{border:1px solid #cad5ef;color:#334669;background:#fff}.solid-btn:disabled,.line-btn:disabled{opacity:.45;cursor:not-allowed}.result-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.result-head h2,.policy-panel h2{margin:0;font-size:28px;letter-spacing:-.02em}.result-top{margin-top:10px;display:flex;justify-content:center}.result-top p{margin:0;display:none}.result-hero{margin-top:10px;text-align:center}.result-hero-kicker{margin:0;font-size:clamp(18px,2.3vw,28px);letter-spacing:-.01em;color:#274a87;font-weight:800}.result-type-title{margin:8px 0 0;font-size:clamp(30px,4.3vw,48px);line-height:1.1;letter-spacing:-.03em;font-weight:800;color:#162a50}.result-score-line{margin:10px 0 0;color:#5a6d95;font-size:15px}.result-score-line strong{color:#1f6bff;font-size:21px}.persona-image-large{margin:16px auto 0;display:block;width:min(300px,75vw);height:auto;aspect-ratio:1 / 1;object-fit:cover;border-radius:16px;border:1px solid #dbe5f5;background:#fff;box-shadow:0 14px 30px #1f2f531f}.axis-gauge-list{margin-top:18px;display:grid;gap:12px}.axis-gauge-item{border:1px solid #dde6f6;background:#fbfdff;border-radius:12px;padding:10px 12px}.axis-gauge-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.axis-gauge-title{margin:0;font-size:16px;font-weight:700;color:#223a67}.axis-score-badge{display:inline-flex;align-items:center;justify-content:center;min-width:56px;padding:4px 8px;border-radius:999px;border:1px solid #cad7f2;background:#fff;color:#1f6bff;font-size:13px;font-weight:700}.axis-poles{margin-top:6px;display:flex;justify-content:space-between;gap:10px;color:#7384a9;font-size:12px}.axis-track{margin-top:6px;width:100%;height:12px;border-radius:999px;background:#e8eefb;overflow:hidden}.axis-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#37b7ab,#1f6bff)}.about-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.about-grid article{border:1px solid #dbe5f5;border-radius:12px;background:#fbfdff;padding:12px}.about-grid h3{margin:0;font-size:17px}.about-grid p{margin:8px 0 0;color:#45567d;line-height:1.5}.geo-block{margin-top:14px;border:1px solid #dbe5f5;border-radius:12px;background:#fbfdff;padding:14px}.geo-block h3{margin:0;font-size:18px}.geo-lead{margin:8px 0 0;color:#45567d;line-height:1.55}.geo-faq-list{margin-top:10px;display:grid;gap:8px}.geo-faq-item{border:1px solid #d7e3f9;border-radius:10px;background:#fff;padding:10px 12px}.geo-faq-item summary{cursor:pointer;font-weight:700;color:#1e3560}.geo-faq-item p{margin:8px 0 0;color:#4f628a;line-height:1.55}.policy-panel p{margin:12px 0 0;color:#45567d;line-height:1.6}.policy-panel h3{margin:18px 0 0;font-size:18px;letter-spacing:-.01em}.policy-panel ul{margin:8px 0 0;padding-left:20px;color:#45567d}.policy-panel li{margin:6px 0;line-height:1.6}.insight-grid{margin-top:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.insight-card{border:1px solid #dbe5f5;border-radius:12px;background:#fbfdff;padding:12px}.insight-card h4{margin:0;font-size:16px;font-weight:800;letter-spacing:-.01em}.insight-card ul{margin:8px 0 0;padding-left:18px}.insight-card li{margin:5px 0;line-height:1.55;color:#31466f}.insight-coach-note{margin:10px 0 0;padding:10px;border-radius:10px;background:#fffaf0;color:#6b4a13;font-size:13px;line-height:1.5}.insight-strength{background:#edf8f2}.insight-caution{background:#fff3ec}.insight-action{background:#eef4ff}.report-grid{margin-top:12px;display:grid;gap:10px}.report-item{border:1px solid #dbe5f5;border-radius:12px;background:#fbfdff;padding:12px}.report-item h3{margin:0 0 8px}.report-item p{margin:6px 0;color:#45567d}.report-item ul{margin:8px 0 0;padding-left:18px}.report-item li{margin:4px 0;color:#3f4d70}.status-line{margin:12px 2px 0;color:#334669;font-size:14px;font-weight:600}.muted{color:#5d6f95}.site-footer{margin-top:24px;border-top:1px solid #dbe4f5;background:#f8fbff}.footer-inner{max-width:1120px;margin:0 auto;padding:18px 16px 24px;display:grid;gap:14px}.footer-company p{margin:4px 0;color:#3f4d70;font-size:14px}.footer-company .copyright{margin-top:10px}.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:#61759b;font-size:13px}.footer-links a{color:#3d4f78;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-language{display:flex;align-items:center;gap:8px}.footer-language label{font-size:13px;color:#4f638b}.footer-language select{border:1px solid #cad5ef;border-radius:10px;background:#fff;color:#334669;padding:6px 10px;font-size:13px;font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#060f2475;display:grid;place-items:center;padding:16px}.modal-card{width:min(460px,100%);border-radius:16px;border:1px solid #d9e1f2;background:#fff;box-shadow:0 18px 40px #0b15304d;padding:16px}.modal-card h3{margin:0;font-size:22px}.modal-card p{margin:10px 0 0;color:#51638a;line-height:1.45}.google-login-cta{margin-top:14px;width:100%;border:2px solid #8a8f96;border-radius:999px;background:#fff;color:#1f1f1f;padding:12px 18px;font-size:18px;font-weight:600;letter-spacing:-.01em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px}.google-login-cta:hover{background:#f8f9fa}.google-login-cta:disabled{opacity:.55;cursor:not-allowed}.google-gicon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center}.modal-warning{margin-top:12px;border:1px solid #ffd7b0;background:#fff6ec;color:#7e4a19;border-radius:10px;padding:10px;font-size:13px}.modal-actions{margin-top:14px;display:flex;justify-content:flex-end}@media (max-width: 980px){.nav-links{display:none}.value-grid,.about-grid,.insight-grid,.footer-inner{grid-template-columns:1fr}}@media (max-width: 680px){.page-wrap{padding-top:90px}.hero-panel,.panel-box{border-radius:18px;padding:16px}.hero-main-headline{font-size:clamp(24px,8vw,34px);line-height:1.3}.scale-row{gap:7px}.size-xl{width:40px;height:40px}.size-lg{width:34px;height:34px}.size-md{width:30px;height:30px}.size-sm{width:26px;height:26px}.lang-select{max-width:102px}.scale-label-row{font-size:13px}.scale-label-row .left,.scale-label-row .right{max-width:48%;word-break:keep-all}}@media (min-width: 1100px){.hero-line{white-space:nowrap}}@media (max-width: 980px){.brand-logo-image{width:164px}}