*{box-sizing:border-box}body{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#7c3aed;--primary-light:#a78bfa;--primary-dark:#5b21b6;--bg:#f8f7ff;--card-bg:#fff;--text:#1e1b4b;--text-secondary:#6b7280;--border:#e5e7eb;--shadow:0 4px 24px #7c3aed14;--radius:16px;--font:"Pretendard", "Apple SD Gothic Neo", system-ui, sans-serif}body{background:var(--bg);font-family:var(--font);color:var(--text);min-height:100vh}#root{text-align:left;border:none;flex-direction:column;width:100%;max-width:100%;min-height:100vh;display:flex}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{text-align:center;color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);padding:48px 24px 32px}.logo{align-items:center;gap:10px;margin-bottom:8px;display:inline-flex}.logo-icon{filter:drop-shadow(0 0 8px #fff9);font-size:28px}.logo-text{letter-spacing:-.5px;font-size:28px;font-weight:700}.logo-sub{opacity:.85;margin-top:4px;font-size:15px}.main{flex-direction:column;flex:1;gap:24px;width:100%;max-width:520px;margin:0 auto;padding:32px 16px 48px;display:flex}.form-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:24px;padding:32px;display:flex}.section-title{align-items:center;gap:12px;display:flex}.step{color:var(--primary);letter-spacing:.5px;background:#7c3aed1a;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}.section-title h2{color:var(--text);font-size:20px;font-weight:700}.field-group{flex-direction:column;gap:8px;display:flex}.field-label{color:var(--text);font-size:14px;font-weight:600}.photo-upload{border:2px dashed var(--border);cursor:pointer;background:#fafafa;border-radius:12px;justify-content:center;align-items:center;width:100%;height:220px;transition:border-color .2s,background .2s;display:flex;position:relative;overflow:hidden}.photo-upload:hover,.photo-upload.dragging{border-color:var(--primary-light);background:#7c3aed0a}.photo-upload.has-photo{border-style:solid;border-color:var(--primary-light)}.upload-placeholder{color:var(--text-secondary);flex-direction:column;align-items:center;gap:8px;display:flex}.upload-icon{width:48px;height:48px;color:var(--primary-light)}.upload-icon svg{width:100%;height:100%}.upload-text{color:var(--text);font-size:15px;font-weight:500}.upload-hint{color:var(--text-secondary);font-size:13px}.photo-preview{object-fit:cover;width:100%;height:100%}.photo-overlay{opacity:0;color:#fff;background:#00000073;justify-content:center;align-items:center;font-size:15px;font-weight:600;transition:opacity .2s;display:flex;position:absolute;inset:0}.photo-upload:hover .photo-overlay{opacity:1}.hidden-input{display:none}.body-inputs{grid-template-columns:1fr 1fr;gap:16px;display:grid}.input-wrapper{align-items:center;display:flex;position:relative}.text-input{border:2px solid var(--border);width:100%;font-size:18px;font-weight:600;font-family:var(--font);color:var(--text);-moz-appearance:textfield;background:#fff;border-radius:10px;outline:none;padding:12px 44px 12px 16px;transition:border-color .2s}.text-input::-webkit-outer-spin-button{-webkit-appearance:none}.text-input::-webkit-inner-spin-button{-webkit-appearance:none}.text-input:focus{border-color:var(--primary)}.text-input::placeholder{color:#d1d5db;font-weight:400}.input-unit{color:var(--text-secondary);font-size:13px;font-weight:600;position:absolute;right:14px}.submit-btn{width:100%;font-size:16px;font-weight:700;font-family:var(--font);cursor:pointer;background:var(--border);color:#9ca3af;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:16px;transition:all .25s;display:flex}.submit-btn svg{width:20px;height:20px;transition:transform .2s}.submit-btn.active{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#a855f7 100%);box-shadow:0 4px 16px #7c3aed59}.submit-btn.active:hover{transform:translateY(-1px);box-shadow:0 6px 24px #7c3aed73}.submit-btn.active:hover svg{transform:translate(4px)}.submit-btn:disabled{cursor:not-allowed}.info-cards{flex-direction:column;gap:12px;display:flex}.info-card{background:var(--card-bg);border-radius:12px;align-items:flex-start;gap:16px;padding:20px;display:flex;box-shadow:0 2px 8px #0000000a}.info-icon{flex-shrink:0;font-size:28px;line-height:1}.info-card h3{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:700}.info-card p{color:var(--text-secondary);font-size:13px;line-height:1.6}@media (width<=480px){.app-header{padding:36px 20px 28px}.form-card{padding:24px 20px}.logo-text{font-size:24px}}
