.body-reset { margin:0; }
/* Reference-inspired deep blue gradient (narrow tonal range) */
body { font-family: Arial, sans-serif; margin:0; background: linear-gradient(180deg, #083045 0%, #0b3b53 55%, #062933 100%); }
.top-bar { display:none; }
.bottom-bar { display:none; }
.container { max-width:480px; margin:80px auto; background:rgba(255,255,255,0.95); padding:24px; border-radius:8px; box-shadow:0 4px 16px rgba(0,0,0,0.08); position:relative; z-index:1; }
.container #langIcon svg { transition: transform .12s ease, box-shadow .12s ease; border-radius:6px; }
.container #langIcon:hover svg { transform: translateY(-2px); box-shadow:0 6px 12px rgba(0,0,0,0.08); }
#langIcon { width:30px; height:30px; }
#langIcon #langCode { position:absolute; top:0; right:-34px; width:30px; height:30px; display:flex; align-items:center; justify-content:center; color:#1264c5; font-size:9px; font-weight:700; line-height:1; pointer-events:none; }
.logo-area { text-align:center; margin-bottom:8px; }
.logo { height:64px; display:block; margin:0 auto; }
.container h1 { text-align:center; margin-top:8px; background:linear-gradient(90deg,#0876d1 0%,#18a6e8 52%,#1264c5 100%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.subtitle { color:#888; text-align:center; margin-top:4px; margin-bottom:16px; }
.vertical .avatar-wrap { text-align:center; margin-bottom:12px; }
.vertical-avatar .avatar { width:140px; height:140px; border-radius:8px; }
.form-group { margin-bottom:12px; }
label[for="name"], label[for="category"], label[for="scene"] { display:block; color:#6b7280; font-weight:600; margin-bottom:6px; }
input, select, textarea { display:block; width:100%; padding:8px 10px; border:1px solid #ddd; border-radius:6px; box-sizing:border-box; }
select { color:#343a40; }
select option.dropdown-placeholder { color:#b4bac2; }
.avatar-wrap { text-align:center; }
.avatar { width:120px; height:120px; border-radius:8px; object-fit:cover; border:1px solid #eee; cursor:pointer; }

/* hide native file input, clicking avatar area will open picker */
.avatar-wrap input[type="file"] { display: none; }
.flow { margin-top:16px; background:#fafafa; padding:10px; border-radius:6px; }
.process-list { list-style:none; padding:0; margin:0; }
.process-list li { display:flex; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid #f0f0f0; }
.process-list li:last-child { border-bottom:none; }
.process-list .check { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; }
.process-list .process-text { font-weight:600; color:#343a40; }
.disclaimer { margin-top:12px; color:#4b5259; font-size:14px; }
.error { color:#c00; font-size:13px; margin-top:6px; }
#submitBtn { display:block; width:100%; padding:14px 16px; margin-top:22px; background:#0b74de; color:#fff; border:none; border-radius:6px; cursor:pointer; font-size:16px; font-weight:600; }
#submitBtn[disabled] { opacity:0.6; cursor:default; }
#result { margin-top:12px; font-weight:600; }
#result.success { color:#2e9b58; }
#result.failure { color:#c0392b; }
.company-footer { margin-top:22px; padding-top:14px; border-top:1px solid #e6e9ec; color:#69727c; font-size:13px; text-align:center; }