*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#f0f2f5;color:#1a1a2e;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px;-webkit-text-size-adjust:100%}.container{width:100%;max-width:540px}.card{background:#fff;border-radius:12px;padding:32px 28px;box-shadow:0 4px 24px rgba(0,0,0,.08)}h1{font-size:clamp(1.4rem,4vw,1.75rem);font-weight:700;margin-bottom:4px;color:#16213e}.subtitle{color:#6b7280;font-size:clamp(.85rem,2.5vw,.95rem);margin-bottom:24px}.hp-field{position:absolute;left:-9999px;top:-9999px;opacity:0;height:0;width:0;overflow:hidden}.form-group{margin-bottom:20px}label{display:block;font-size:.875rem;font-weight:600;margin-bottom:6px;color:#374151}.required{color:#e74c3c}input,textarea{width:100%;padding:12px 14px;border:1.5px solid #d1d5db;border-radius:8px;font-size:16px;font-family:inherit;color:#1a1a2e;background:#fafafa;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus,textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.15);background:#fff}input.invalid,textarea.invalid{border-color:#e74c3c;box-shadow:0 0 0 3px rgba(231,76,60,.1)}textarea{resize:vertical;min-height:100px}.char-count{text-align:right;font-size:.75rem;color:#9ca3af}.char-count,.error-msg{display:block;margin-top:4px}.error-msg{color:#e74c3c;font-size:.8rem;min-height:1.2em}button[type=submit]{width:100%;padding:14px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s;margin-top:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;touch-action:manipulation}button[type=submit]:hover{background:#2563eb}button[type=submit]:disabled{background:#93c5fd;cursor:not-allowed}.loader{width:18px;height:18px;border:2px solid hsla(0,0%,100%,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.success-message{margin-top:20px;padding:14px;background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0;border-radius:8px;font-weight:500;text-align:center}.error-banner{margin-top:16px;padding:12px;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;font-size:.9rem}@media (max-width:480px){body{align-items:flex-start;padding:24px 12px 12px}.card{padding:24px 18px;border-radius:10px}.form-group{margin-bottom:16px}button[type=submit]{padding:16px;font-size:1.05rem}}@media (min-width:481px) and (max-width:768px){.container{max-width:500px}.card{padding:32px 24px}}@media (min-width:769px){.container{max-width:540px}.card{padding:40px 36px}button[type=submit]:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}}@supports (padding:env(safe-area-inset-bottom)){body{padding-bottom:calc(16px + env(safe-area-inset-bottom));padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right))}}