*{box-sizing:border-box}body{color:#1f2937;background:#f3f5f7;margin:0;font-family:Arial,Helvetica,sans-serif}.page{justify-content:center;align-items:flex-start;min-height:100vh;padding:24px;display:flex}.card{background:#fff;border-radius:18px;width:100%;max-width:620px;padding:28px;box-shadow:0 10px 35px #00000014}h1{text-align:center;margin:0;font-size:28px}.subtitle{text-align:center;color:#6b7280;margin-bottom:28px}form{flex-direction:column;gap:18px;display:flex}label{flex-direction:column;gap:8px;font-weight:600;display:flex}input{border:1px solid #d1d5db;border-radius:10px;width:100%;height:48px;padding:0 14px;font-size:16px}input:focus{border-color:#2563eb;outline:none}.grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.foto-box{background:#f9fafb;border:1px dashed #9ca3af;border-radius:14px;padding:18px}.foto-label input{margin-top:8px}.hint{color:#6b7280;margin-bottom:0;font-size:14px}.preview{align-items:center;gap:14px;margin-top:16px;display:flex}.preview img{object-fit:cover;border:1px solid #d1d5db;border-radius:12px;width:92px;height:92px}.preview span{color:#374151;font-size:14px}.checkbox{flex-direction:row;align-items:flex-start;font-weight:400;line-height:1.4}.checkbox input{width:20px;height:20px;margin-top:2px}.checkbox a{color:#2563eb;font-weight:600}button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;height:52px;font-size:17px;font-weight:700}button:disabled{cursor:not-allowed;background:#9ca3af}.message{color:#1e3a8a;text-align:center;background:#eef2ff;border-radius:10px;padding:14px;font-weight:600}@media (width<=520px){.page{padding:12px}.card{border-radius:14px;padding:20px}h1{font-size:23px}.grid{grid-template-columns:1fr}input,button{height:50px;font-size:16px}}