:root{--ink:#14231d;--muted:#68756f;--line:#dfe6e2;--paper:#f7f9f6;--green:#1f6650;--green2:#2f8569;--mint:#dff3e9;--amber:#f7e5bd;--white:#fff;--danger:#b54343;--shadow:0 18px 60px rgba(20,45,34,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Pretendard,"Noto Sans KR",system-ui,-apple-system,sans-serif;letter-spacing:-.02em}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,5vw);background:rgba(247,249,246,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(20,35,29,.07);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:800;font-size:20px}.brand span,.modal-brand span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--ink);color:white;font-size:12px;letter-spacing:0}.topbar nav{display:flex;align-items:center;gap:12px}.topbar nav>a{color:var(--muted);text-decoration:none;font-size:14px;margin-right:8px}.btn{border:0;border-radius:10px;padding:11px 17px;font-weight:700}.btn.primary{background:var(--green);color:white}.btn.primary:hover{background:#174f3e}.btn.ghost{background:white;border:1px solid var(--line)}.btn.text{background:transparent;color:var(--ink);text-decoration:none}.btn.large{padding:15px 24px}.btn.full{width:100%;padding:14px}.btn.small{font-size:13px;padding:8px 12px}.btn.danger{background:#fff0f0;color:var(--danger)}.hero{min-height:780px;text-align:center;padding:94px 24px 70px;background:radial-gradient(circle at 50% 36%,#e6f3ec 0,rgba(230,243,236,.25) 36%,transparent 60%)}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.18em;color:var(--green2);font-weight:800}.hero h1{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(43px,6vw,78px);line-height:1.1;letter-spacing:-.055em;margin:20px auto}.hero h1 em{font-style:normal;color:var(--green)}.hero>p{max-width:650px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.75}.hero-actions{display:flex;justify-content:center;align-items:center;gap:12px;margin:30px 0 20px}.trust{display:flex;justify-content:center;gap:24px;color:#6f7b75;font-size:13px}.match-preview{max-width:870px;margin:70px auto 0;display:grid;grid-template-columns:1fr 130px 1fr;align-items:center}.person-card{background:white;text-align:left;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow);transform:rotate(-1.5deg)}.person-card.right{transform:rotate(1.5deg)}.person-head{display:flex;align-items:center;gap:12px}.photo,.avatar{display:grid;place-items:center;border-radius:50%;font-weight:800}.photo{width:44px;height:44px}.photo.mint{background:var(--mint)}.photo.amber{background:var(--amber)}.person-head small,.side-user small{display:block;color:var(--muted);margin-top:4px}.mini-label{display:inline-block;margin-top:22px;background:#fff1dc;color:#9a6118;padding:5px 8px;border-radius:6px;font-size:10px;font-weight:900}.mini-label.have{background:var(--mint);color:var(--green)}.person-card p{margin:10px 0 2px;line-height:1.5}.ai-link{position:relative;z-index:2;background:var(--ink);color:white;border-radius:50%;width:96px;height:96px;margin:auto;display:flex;flex-direction:column;justify-content:center}.ai-link:before,.ai-link:after{content:"";position:absolute;top:48%;height:2px;width:70px;background:#7ea995;z-index:-1}.ai-link:before{right:90%}.ai-link:after{left:90%}.ai-link span{font-size:25px;font-weight:800}.ai-link small{font-size:10px;color:#bdd0c7}.how{background:white;padding:100px max(24px,8vw)}.how h2{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(34px,4vw,54px);line-height:1.25;margin:16px 0 50px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{border-top:1px solid var(--line);padding:26px 10px}.steps article>span{color:#9aaa9f;font-size:12px}.step-icon{font-size:30px;margin:35px 0 24px;color:var(--green)}.steps h3{font-size:21px}.steps p{color:var(--muted);line-height:1.7}.app-shell{min-height:calc(100vh - 72px);display:grid;grid-template-columns:250px 1fr}.sidebar{position:sticky;top:72px;height:calc(100vh - 72px);background:#11251e;color:white;padding:25px 16px;display:flex;flex-direction:column}.side-user{display:flex;align-items:center;gap:12px;padding:8px 10px 24px;border-bottom:1px solid #294038;margin-bottom:18px}.avatar{width:36px;height:36px;background:var(--mint);color:var(--green);border:0}.avatar.large{width:46px;height:46px}.sidebar>button,.side-bottom button{border:0;background:transparent;color:#b8c8c1;text-align:left;padding:13px 14px;border-radius:9px;margin:3px 0}.sidebar>button span,.side-bottom span{display:inline-block;width:26px}.sidebar>button.active,.sidebar>button:hover{background:#1c382e;color:white}.sidebar i{float:right;background:#e8ad55;color:#1b2b25;font-style:normal;border-radius:20px;padding:1px 7px;font-size:11px}.side-bottom{margin-top:auto;border-top:1px solid #294038;padding-top:12px}.content{padding:42px max(24px,5vw);max-width:1280px;width:100%;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px}.page-head h1{font-family:Georgia,"Noto Serif KR",serif;font-size:38px;margin:5px 0}.page-head p{margin:0;color:var(--muted)}.summary-chip{background:var(--mint);color:var(--green);padding:10px 14px;border-radius:12px;font-weight:700}.card{background:white;border:1px solid var(--line);border-radius:15px;padding:22px}.match-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.match-card{position:relative}.score-ring{position:absolute;right:20px;top:18px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--score)*1%),#e4ebe7 0);font-weight:900}.score-ring:after{content:"";position:absolute;inset:5px;background:white;border-radius:50%}.score-ring b{z-index:1;font-size:14px}.match-profile{display:flex;gap:12px;align-items:center;padding-right:65px}.match-profile .photo{width:52px;height:52px;background:var(--mint)}.match-profile h3{margin:0}.match-profile p{margin:4px 0;color:var(--muted);font-size:13px}.match-reason{background:var(--paper);padding:13px;border-radius:10px;color:#526159;line-height:1.55;font-size:14px;margin:18px 0}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.tag{font-size:12px;background:#edf3ef;color:#40554b;border-radius:20px;padding:6px 9px}.match-actions{display:flex;gap:8px;margin-top:18px}.match-actions .btn{flex:1}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.list{display:grid;gap:10px}.connection-row{display:flex;align-items:center;gap:12px}.connection-row .grow{flex:1}.connection-row small{display:block;color:var(--muted);margin-top:3px}.status{font-size:12px;padding:6px 9px;border-radius:20px;background:#eef1ef}.status.accepted,.status.approved{background:var(--mint);color:var(--green)}.status.rejected{background:#fff0f0;color:var(--danger)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label,.modal label{display:grid;gap:7px;font-size:13px;font-weight:700}.form-grid .wide{grid-column:1/-1}input,textarea,select{width:100%;border:1px solid #ccd7d1;background:white;border-radius:9px;padding:12px;color:var(--ink)}textarea{min-height:100px;resize:vertical}.items-panel h3{margin-top:0}.item-row{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:11px 0}.item-row p{flex:1;margin:0;line-height:1.5}.item-row button{border:0;background:transparent;color:#9baaa2}.ai-box{background:#12261f;color:white;border-radius:20px;padding:30px}.ai-box textarea{background:#1a342a;border-color:#355046;color:white;min-height:150px}.ai-box h2{font-family:Georgia,"Noto Serif KR",serif}.ai-result{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.ai-result>div{background:white;color:var(--ink);padding:16px;border-radius:12px}.ai-result li{margin:8px 0;line-height:1.45}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:22px}.stat b{display:block;font-size:27px}.stat span{font-size:12px;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px 9px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:12px}.modal{border:0;border-radius:20px;padding:32px;width:min(430px,calc(100% - 28px));box-shadow:var(--shadow)}.modal::backdrop{background:rgba(11,25,20,.66);backdrop-filter:blur(5px)}.modal-close{position:absolute;right:16px;top:14px;border:0;background:transparent;font-size:25px}.modal-brand{margin-bottom:22px}.modal h2{font-family:Georgia,"Noto Serif KR",serif;font-size:28px;margin:6px 0}.modal>p{color:var(--muted)}.modal form{display:grid;gap:14px;margin-top:25px}.form-error{color:var(--danger)!important;margin:0;font-size:13px}.demo-box{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:20px;background:var(--paper);padding:12px;border-radius:10px;font-size:12px}.demo-box button{border:1px solid var(--line);background:white;padding:6px 8px;border-radius:6px}.switch-auth{text-align:center;font-size:13px}.switch-auth button{border:0;background:transparent;color:var(--green);font-weight:800}.toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:white;padding:13px 18px;border-radius:10px;z-index:100;opacity:0;transform:translateY(15px);transition:.25s;pointer-events:none}.toast.show{opacity:1;transform:none}.empty{text-align:center;padding:55px 20px;color:var(--muted)}.mobile-nav{display:none}
@media(max-width:800px){.topbar{height:62px;padding:0 12px}.brand{font-size:16px;white-space:nowrap}.brand span{width:32px;height:32px}.topbar nav{gap:4px}.topbar .btn{padding:9px 10px;font-size:12px;white-space:nowrap}.topbar nav>a{display:none}.hero{padding-top:62px;min-height:auto}.hero h1{font-size:42px}.hero>p{font-size:16px}.trust{gap:8px;flex-direction:column}.match-preview{grid-template-columns:1fr;margin-top:45px}.person-card{transform:none!important}.ai-link{width:70px;height:70px;margin:-10px auto;z-index:3}.ai-link:before,.ai-link:after{display:none}.how{padding:70px 22px}.steps{grid-template-columns:1fr}.app-shell{display:block}.sidebar{display:none}.content{padding:26px 16px 90px}.page-head{align-items:flex-start;gap:10px}.page-head h1{font-size:30px}.match-grid,.two-col,.form-grid,.ai-result{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.stats{grid-template-columns:repeat(3,1fr)}.table-wrap{overflow:auto}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:white;border-top:1px solid var(--line);z-index:10;justify-content:space-around;padding:8px 4px env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:transparent;color:var(--muted);display:grid;gap:2px;font-size:10px}.mobile-nav span{font-size:20px}.topbar #appNav{display:flex}.hero-actions{flex-direction:column}.person-card{max-width:430px;width:100%;margin:auto}}