.f230-container{max-width:640px;margin:0 auto;background:#fffef9;border:1px solid #d4cfc3;border-radius:2px;overflow:hidden;font-family:Arial,sans-serif}
.f230-header{background:#1a1a18;color:#f5f2ec;padding:1.5rem 2rem;border-bottom:3px solid #c8a84b}
.f230-header h1{font-size:1.2rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:#f5f2ec;margin:0}
.f230-header p{margin-top:.3rem;font-size:.82rem;color:#a09a8e;letter-spacing:.03em}
.f230-body{padding:1.5rem 2rem}
.f230-section{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#8a8478;margin:1.5rem 0 .8rem;padding-bottom:.3rem;border-bottom:1px solid #e8e3d8}
.f230-row{display:flex;gap:.8rem;margin-bottom:.8rem;flex-wrap:wrap}
.f230-field{display:flex;flex-direction:column;flex:1;min-width:80px}
.f230-field.f230-narrow{flex:0 0 70px}
.f230-field.f230-medium{flex:0 0 130px}
.f230-field label{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:#7a7468;margin-bottom:.3rem;font-weight:normal}
.f230-field input{border:1px solid #d4cfc3;border-radius:1px;padding:.5rem .6rem;font-family:Arial,sans-serif;font-size:.9rem;color:#2c2a25;background:#fdfcf8;width:100%;box-sizing:border-box}
.f230-field input:focus{outline:none;border-color:#c8a84b;background:#fffef5}
.f230-sig-wrapper{position:relative;border:1px solid #d4cfc3;background:#fdfcf8;overflow:hidden}
#f230_signature{display:block;width:100%;height:110px;touch-action:none;cursor:crosshair}
.f230-sig-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;color:#c0bbb0;pointer-events:none;transition:opacity .2s}
.f230-btn-clear{margin-top:.4rem;padding:.35rem .8rem;background:transparent;border:1px solid #d4cfc3;border-radius:1px;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#7a7468;cursor:pointer;font-family:Arial,sans-serif}
.f230-btn-clear:hover{background:#f5f2ec}
.f230-actions{margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid #e8e3d8}
.f230-btn-submit{width:100%;padding:.8rem 1.2rem;background:#1a1a18;color:#f5f2ec;border:none;border-radius:1px;font-family:Arial,sans-serif;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.f230-btn-submit:hover{background:#333}
.f230-btn-submit:disabled{background:#8a8478;cursor:not-allowed}
.f230-status{margin-top:.8rem;padding:.65rem .9rem;font-size:.83rem;border-radius:1px;display:none}
.f230-status.success{background:#eaf5ea;border-left:3px solid #2e7d32;color:#1b5e20;display:block}
.f230-status.error{background:#fdecea;border-left:3px solid #c62828;color:#7f0000;display:block}
.f230-status.loading{background:#fff8e7;border-left:3px solid #c8a84b;color:#6b5d2f;display:block}
.f230-spinner{display:inline-block;width:11px;height:11px;border:2px solid #c8a84b;border-top-color:transparent;border-radius:50%;animation:f230spin .6s linear infinite;margin-right:7px;vertical-align:middle}
@keyframes f230spin{to{transform:rotate(360deg)}}
@media(max-width:480px){.f230-body{padding:1rem}.f230-field.f230-narrow,.f230-field.f230-medium{flex:1 1 100%}}