@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap";.page{max-width:960px;margin:0 auto;padding:48px 24px 72px;display:grid;gap:24px}.hero{background:radial-gradient(circle at top,#fffffff2,#ffecdce6);border-radius:24px;padding:32px;box-shadow:0 24px 60px #5c3e2c29}.hero h1{margin:0 0 10px;font-size:clamp(2rem,4vw,3rem);color:#2b1c12}.hero p{margin:0;color:#4f4742}.input-card{background:#ffffffe6;border-radius:20px;padding:24px 28px;box-shadow:0 18px 36px #4c3c3224;display:grid;gap:16px;max-width:420px}.input-card label{font-weight:700;color:#2d2019}.input-row{display:flex;align-items:center;gap:10px}.input-row input{flex:1;padding:12px 14px;border-radius:12px;border:1px solid rgba(120,95,80,.2);font-size:1rem;outline:none}.input-row input:focus{border-color:#c48148b3;box-shadow:0 0 0 3px #c4814833}.unit{font-weight:700;color:#6a5c52}.primary{padding:12px 18px;border-radius:999px;border:none;background:#2f604d;color:#f9f6f0;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px #2f604d40}@media(max-width:640px){.page{padding:32px 18px 60px}.input-card{width:100%;max-width:none}}:root{font-family:Nunito,Apple SD Gothic Neo,Malgun Gothic,sans-serif;color:#2a241f;background:#f8f2e9;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(160deg,#fff7ef,#f6efe3 45%,#eef1f3)}button,input{font-family:inherit}