:root{--radius-button: 12px;--kakao-color: #fee500;--naver-color: #03c75a;--google-color: #131314;--background-color: #f2f2f2;--radius-card: 8px;--card-border-color: #e1e1e1;--sign-color: #ff0000;--card-shadow: 0 0 15px rgba(0, 0, 0, .1)}@font-face{font-family:Roboto-medium;src:url(/fonts/Roboto-Medium.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#111;background:#fff;font-size:clamp(14px,3.2vw,18px);line-height:1.5}.safe-area{padding-top:env(safe-area-inset-top,0);padding-right:env(safe-area-inset-right,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0)}.container{width:100%;max-width:1024px;margin-inline:auto;padding-inline:clamp(12px,4vw,24px);padding-block:clamp(12px,4vw,24px)}.section{border:1px solid #eee;border-radius:12px;padding:clamp(12px,3.5vw,20px);background:#fff}.grid{display:grid;grid-template-columns:1fr;gap:clamp(12px,3.5vw,20px)}@media (min-width: 480px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.grid{grid-template-columns:repeat(3,1fr)}}.h1{font-weight:700;font-size:clamp(20px,6vw,32px);line-height:1.25}.h2{font-weight:700;font-size:clamp(18px,5vw,28px);line-height:1.3}.p{font-size:clamp(14px,3.2vw,18px)}button,a{-webkit-tap-highlight-color:transparent}img,video{max-width:100%;height:auto;display:block}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}