*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f0f2f5;color:#1a1a2e;min-height:100vh}.app{max-width:480px;margin:0 auto;padding-bottom:40px}header{background:#1a1a2e;color:#fff;padding:24px 20px 20px;text-align:center;position:sticky;top:0;z-index:10}header h1{font-size:20px;font-weight:600;letter-spacing:.5px}header p{font-size:12px;opacity:.6;margin-top:4px;letter-spacing:1px;text-transform:uppercase}form{padding:16px;display:flex;flex-direction:column;gap:12px}.field{background:#fff;border-radius:12px;padding:14px 16px;box-shadow:0 1px 3px #0000000f}.field label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:#888;margin-bottom:8px}.field input,.field select,.field textarea{width:100%;border:none;outline:none;font-size:16px;color:#1a1a2e;background:transparent;font-family:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none}.field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0px center;padding-right:20px;cursor:pointer}.field select:disabled{color:#bbb}.field textarea{resize:none;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:#ccc}button[type=submit]{margin:8px 16px 0;background:#1a1a2e;color:#fff;border:none;border-radius:12px;padding:18px;font-size:16px;font-weight:600;cursor:pointer;width:calc(100% - 32px);letter-spacing:.5px;transition:opacity .2s}button[type=submit]:disabled{opacity:.5}button[type=submit]:active{opacity:.8}.error-msg{color:#c0392b;font-size:14px;text-align:center;padding:8px}.success-screen{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.success-icon{width:72px;height:72px;background:#1a1a2e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;margin-bottom:24px}.success-screen h2{font-size:24px;font-weight:600;margin-bottom:8px}.success-screen p{color:#888;font-size:15px;margin-bottom:32px}.success-screen button{background:#1a1a2e;color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:600;cursor:pointer}