:root{font-family:Pretendard,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#111;background-color:#f5f6fb}*,*:before,*:after{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;padding:24px clamp(16px,5vw,64px);gap:24px}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.logo{font-size:1.5rem;font-weight:700;letter-spacing:.2rem}nav{display:flex;gap:24px}nav a{text-decoration:none;color:inherit;font-weight:500;opacity:.7}nav a:hover{opacity:1}main{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.panel{background:#fff;border-radius:24px;padding:32px;box-shadow:0 15px 45px #0f172a14}.panel--hero{background:linear-gradient(135deg,#096bc7e6,#4e5fd0e6);color:#fff}.panel--form{display:grid;gap:24px;align-content:start}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;opacity:.8}.description{margin-top:12px;line-height:1.6;opacity:.9}.hero-actions{margin-top:24px;display:flex;gap:12px;flex-wrap:wrap}.btn{border:none;border-radius:999px;padding:12px 24px;font-size:1rem;font-weight:600;cursor:pointer}.btn.primary{background:#111936;color:#fff}.btn.ghost{background:transparent;color:inherit;border:1px solid rgba(255,255,255,.6)}.panel--form .btn.ghost{border-color:#096bc766;color:#096bc7}.form-card{display:grid;gap:16px}.form-card label{font-size:.9rem;font-weight:600;display:grid;gap:8px}.form-card input{padding:12px 16px;border:1px solid #d9dce6;border-radius:10px;font-size:1rem}.form-card input:focus{outline:2px solid rgba(9,107,199,.3);border-color:transparent}footer{text-align:center;font-size:.85rem;opacity:.7;padding:16px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;font-weight:600;line-height:1;padding:0 14px;-webkit-user-select:none;user-select:none;outline:none;border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease,box-shadow .15s ease;text-decoration:none}.btn--sm{height:32px;font-size:14px}.btn--md{height:40px;font-size:15px}.btn--lg{height:48px;font-size:16px}.btn--block{width:100%}.btn--primary{background:#1f6fff;color:#fff}.btn--primary:hover{background:#195ae0}.btn--primary:active{background:#154dbe}.btn--danger{background:#e53935;color:#fff}.btn--danger:hover{background:#cc2f2b}.btn--danger:active{background:#b62926}.btn--ghost{background:transparent;color:#333;border-color:#c9ced6}.btn--ghost:hover{background:#00000009;border-color:#b8bec6}.btn--ghost:active{background:#0000000f}.btn:focus-visible{box-shadow:0 0 0 3px #1f6fff59}.btn--disabled,.btn[disabled],.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none}.btn--loading{position:relative}.btn__spinner{display:inline-block;flex:0 0 auto}.btn__icon{display:inline-flex}.btn__icon--left{margin-right:4px}.btn__icon--right{margin-left:4px}.btn__label{display:inline-block}@media (prefers-reduced-motion: reduce){.btn{transition:none}}