*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:"SUIT","Pretendard",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--color-bg:#fafaf8;--color-text:#1a1a1a;--color-primary:#3a6b45}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:960px;margin:0 auto;padding:2rem 1.5rem}h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.connect-login-card{width:100%;max-width:420px}.connect-hero-title{font-size:40px;font-weight:800;line-height:1.25;letter-spacing:-1px}.connect-purpose-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;gap:10px}.connect-stats-row{display:flex;gap:40px}.connect-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.connect-card-metrics{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.connect-modal{width:90%;max-width:640px;max-height:85vh;overflow-y:auto}.connect-detail-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:10px;gap:10px}@media (max-width:640px){.connect-hero-title{font-size:28px;letter-spacing:-.5px}.connect-purpose-grid{grid-template-columns:1fr;gap:8px}.connect-stats-row{gap:24px}.connect-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.connect-card-metrics{gap:12px}.connect-modal{width:100%;max-width:100%;max-height:100vh;border-radius:16px 16px 0 0;position:fixed!important;bottom:0;left:0;right:0;top:auto!important;margin:0}.connect-detail-grid{grid-template-columns:1fr 1fr;gap:8px}}@media (min-width:641px) and (max-width:960px){.connect-hero-title{font-size:34px}.connect-stats-grid{grid-template-columns:1fr 1fr 1fr}.connect-modal{width:95%}}