*{box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}:root{--primary-color: #ff6b6b;--primary-hover: #fa5252;--bg-color: #f8f9fa;--text-dark: #343a40;--text-muted: #868e96;--border-color: #dee2e6;--card-bg: #ffffff}body{margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-dark);-webkit-font-smoothing:antialiased}.app-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}.form-card{background-color:var(--card-bg);padding:40px;border-radius:20px;box-shadow:0 10px 30px #0000000d;width:100%;max-width:450px;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-card h1{margin:0 0 10px;font-size:24px;font-weight:700;text-align:center;color:var(--text-dark)}.subtitle{text-align:center;color:var(--text-muted);font-size:14px;margin-bottom:30px}.profile-form{display:flex;flex-direction:column;gap:20px}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{font-size:14px;font-weight:600;color:var(--text-dark)}.gender-toggle{display:flex;gap:10px}.gender-toggle input[type=radio]{display:none}.gender-btn{flex:1;text-align:center;padding:12px;border:1px solid var(--border-color);border-radius:12px;background-color:#fdfdfd;color:var(--text-muted);cursor:pointer;transition:all .2s ease;font-weight:500}.gender-toggle input[type=radio]:checked+.gender-btn{background-color:#ff6b6b1a;border-color:var(--primary-color);color:var(--primary-color);font-weight:700}.input-group input[type=number]{padding:12px 16px;font-size:16px;border:1px solid var(--border-color);border-radius:12px;background-color:#fdfdfd;transition:all .2s ease;font-family:inherit;color:var(--text-dark)}.input-group input[type=number]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b6b26;background-color:#fff}.input-group input::placeholder{color:#ced4da}.submit-btn{margin-top:10px;padding:16px;font-size:16px;font-weight:600;color:#fff;background-color:var(--primary-color);border:none;border-radius:12px;cursor:pointer;transition:background-color .2s ease,transform .1s ease;box-shadow:0 4px 6px #ff6b6b33}.submit-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.submit-btn:active{transform:translateY(1px)}
