.ctf-form{background:var(--white);padding:12px 42px 42px}.ctf-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ctf-field{flex-direction:column;margin-bottom:16px;display:flex}.ctf-full{grid-column:span 2}.ctf-label{color:var(--navy);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.ctf-input,.ctf-textarea{border:1px solid var(--bdl);background:var(--off);border-radius:var(--r-md);width:100%;color:var(--navy);padding:0 16px;font-family:inherit;font-size:14px;transition:all .2s ease-in-out}.ctf-input{height:50px}.ctf-textarea{resize:vertical;min-height:110px;padding-top:14px;line-height:1.5}.ctf-input:focus,.ctf-textarea:focus{border-color:var(--teal-d);background:var(--white);outline:none;box-shadow:0 0 0 4px rgba(0,168,124,.08)}.ctf-input-error{background:rgba(239,68,68,.02);border-color:#ef4444!important}.ctf-error{color:#ef4444;margin-top:6px;font-size:12px;font-weight:500}.ctf-phone-wrap{align-items:center;gap:12px;display:flex}.ctf-phone{flex:1;width:100%}.ctf-phone .react-tel-input .form-control{transition:all .2s;border-radius:var(--r-md)!important;border:1px solid var(--bdl)!important;background:var(--off)!important;width:100%!important;height:50px!important;color:var(--navy)!important;font-size:14px!important}.ctf-phone .react-tel-input .form-control:focus{border-color:var(--teal-d)!important;background:var(--white)!important;box-shadow:0 0 0 4px rgba(0,168,124,.08)!important}.ctf-phone .react-tel-input .flag-dropdown{border-radius:var(--r-md)0 0 var(--r-md)!important;border:1px solid var(--bdl)!important;background:var(--white)!important;height:48px!important;top:1px!important;left:1px!important}.ctf-action-btn,.ctf-verify-btn{border-radius:var(--r-md);background:var(--navy);height:50px;color:var(--white);white-space:nowrap;padding:0 20px;font-size:13px;font-weight:600;transition:all .2s}.ctf-action-btn:hover,.ctf-verify-btn:hover{background:var(--navy2)}.ctf-otp-wrapper{border-radius:var(--r-md);border:1px dashed var(--teal-b);background:rgba(0,200,150,.03);padding:16px}.ctf-otp-row{align-items:center;gap:12px;display:flex}.ctf-otp-input{letter-spacing:2px;text-align:center;font-weight:600}.ctf-verified-badge{border-radius:var(--r-md);color:var(--green);background:rgba(22,163,74,.06);border:1px solid rgba(22,163,74,.2);grid-column:span 2;padding:10px 14px;font-size:13px;font-weight:600}.ctf-submit-btn{border-radius:var(--r-md);background:linear-gradient(90deg,var(--navy)0%,var(--navy2)100%);width:100%;height:54px;color:var(--white);justify-content:center;align-items:center;gap:10px;margin-top:8px;font-size:15px;font-weight:700;transition:all .25s;display:flex}.ctf-submit-btn:not(:disabled):hover{background:linear-gradient(90deg,var(--teal-dd)0%,var(--teal-d)100%);color:var(--white);box-shadow:var(--sh-m);transform:translateY(-1px)}.ctf-submit-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--t4)}.ctf-btn-arrow{font-size:13px}.ctf-spinner{font-size:18px;animation:1s linear infinite ctf-spin}@keyframes ctf-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ctf-success{border-radius:var(--r-md);border:1px solid var(--teal-b);color:var(--navy);background:rgba(0,200,150,.08);margin-top:16px;padding:16px;font-size:13px;line-height:1.5}@media (max-width:768px){.ctf-form{padding:12px 24px 28px}.ctf-grid{grid-template-columns:1fr}.ctf-full{grid-column:span 1}.ctf-phone-wrap,.ctf-otp-row{flex-direction:column;align-items:stretch;gap:10px}.ctf-action-btn,.ctf-verify-btn{width:100%}}
