[data-screen=signup]{position:relative;min-height:100dvh}[data-screen=signup] *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}[data-screen=signup]{font-family:DM Sans,sans-serif;background:var(--cream);min-height:100vh;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:40px 20px 60px;-webkit-font-smoothing:antialiased}[data-screen=signup] .card{position:relative;z-index:1;background:var(--white);border-radius:24px;border:1.5px solid var(--border);padding:44px 44px 40px;width:100%;max-width:480px;min-width:0;box-sizing:border-box;box-shadow:0 24px 72px rgba(44,26,14,.11);animation:fadeUp .5s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-screen=signup] .logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:22px}[data-screen=signup] .logo-mark{width:40px;height:40px;background:var(--amber);border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;box-shadow:0 6px 18px rgba(232,135,42,.32)}[data-screen=signup] .logo-text{font-family:Playfair Display,serif;font-size:24px;color:var(--ink);font-weight:700}[data-screen=signup] .heading{text-align:center;margin-bottom:6px}[data-screen=signup] .heading h1{font-family:Playfair Display,serif;font-size:25px;color:var(--ink);margin-bottom:6px}[data-screen=signup] .heading-sub{font-size:13px;color:var(--slate);line-height:1.6;margin-bottom:12px}[data-screen=signup] .caption-pill{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;padding:6px 14px;background:var(--amber-light);border:1px solid rgba(232,135,42,.25);border-radius:50px;font-size:11.5px;font-weight:600;color:var(--amber-dark);max-width:100%;box-sizing:border-box;white-space:normal;text-align:center}[data-screen=signup] .divider{border:none;border-top:1px solid var(--border);margin:18px 0}[data-screen=signup] .form-group{margin-bottom:13px;min-width:0;max-width:100%}[data-screen=signup] .form-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}[data-screen=signup] .form-label{font-size:11.5px;font-weight:600;color:var(--ink);text-transform:uppercase;letter-spacing:.4px}[data-screen=signup] .input-wrap{position:relative;min-width:0;max-width:100%}[data-screen=signup] .input-icon{position:absolute;left:13px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none;opacity:.6}[data-screen=signup] .form-input{width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:12px 44px 12px 40px;border:1.5px solid var(--border);border-radius:11px;font-family:DM Sans,sans-serif;font-size:14px;color:var(--ink);background:var(--white);outline:none;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none}[data-screen=signup] .form-input.no-icon{padding-left:14px}[data-screen=signup] .form-input:focus{border-color:var(--amber);box-shadow:0 0 0 3px rgba(232,135,42,.12)}[data-screen=signup] .form-input::-moz-placeholder{color:var(--slate)}[data-screen=signup] .form-input::placeholder{color:var(--slate)}[data-screen=signup] .pw-toggle{position:absolute;right:0;top:0;bottom:0;width:44px;background:none;border:none;cursor:pointer;color:var(--slate);font-size:15px;display:flex;align-items:center;justify-content:center;border-radius:0 11px 11px 0;transition:color .2s}[data-screen=signup] .pw-toggle:hover{color:var(--amber)}[data-screen=signup] .pw-hint{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}[data-screen=signup] .pw-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;background:var(--mist);border:1px solid var(--border);border-radius:50px;font-size:11px;color:var(--slate);transition:all .2s;white-space:nowrap}[data-screen=signup] .pw-chip.met{background:var(--green-light);border-color:rgba(26,107,74,.25);color:var(--green)}[data-screen=signup] .strength-wrap{margin-top:8px}[data-screen=signup] .strength-bar{display:flex;gap:4px;margin-bottom:4px}[data-screen=signup] .strength-seg{flex:1;height:4px;background:var(--border);border-radius:50px;transition:background .3s}[data-screen=signup] .strength-label{font-size:11px;color:var(--slate)}[data-screen=signup] .match-hint{font-size:11.5px;margin-top:5px;display:none}[data-screen=signup] .match-hint.ok{color:var(--green);display:block}[data-screen=signup] .match-hint.fail{color:var(--red);display:block}[data-screen=signup] .referral-wrap{margin-bottom:13px}[data-screen=signup] .referral-toggle{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--amber-dark);font-weight:600;cursor:pointer;background:none;border:none;font-family:DM Sans,sans-serif;padding:0;margin-bottom:6px}[data-screen=signup] .referral-toggle:hover{color:var(--amber)}[data-screen=signup] .btn-submit{width:100%;padding:14px;background:linear-gradient(135deg,#F09A3A,#D4741A);color:var(--white);border:none;border-radius:13px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .22s;box-shadow:0 6px 20px rgba(232,135,42,.35);margin-top:4px;display:flex;align-items:center;justify-content:center;gap:8px}[data-screen=signup] .btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(232,135,42,.4)}[data-screen=signup] .btn-submit:active{transform:translateY(0)}[data-screen=signup] .btn-submit:disabled,[data-screen=signup] .btn-submit:disabled:hover{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}[data-screen=signup] .error-msg{display:none;align-items:flex-start;gap:8px;padding:10px 13px;background:var(--red-light);border:1px solid rgba(184,50,50,.2);border-radius:9px;font-size:12.5px;color:var(--red);margin-bottom:12px;animation:shake .3s ease;min-width:0;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}[data-screen=signup] .error-msg.show{display:flex}[data-screen=signup] .error-msg span{min-width:0}[data-screen=signup] .field-error{margin:6px 0 0;font-size:12.5px;line-height:1.4;color:var(--red);max-width:100%;overflow-wrap:anywhere}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}[data-screen=signup] .terms{font-size:11.5px;color:var(--slate);text-align:center;margin-top:14px;line-height:1.6}[data-screen=signup] .terms a{color:var(--amber-dark);font-weight:600;text-decoration:none}[data-screen=signup] .login-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;font-size:13px;color:var(--slate)}[data-screen=signup] .login-link{color:var(--amber-dark);font-weight:600;text-decoration:none;cursor:pointer;background:none;border:none;font-family:DM Sans,sans-serif;font-size:13px}[data-screen=signup] .login-link:hover{color:var(--amber)}[data-screen=signup] .secure-badge{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;font-size:11px;color:var(--slate)}[data-screen=signup] .secure-dot{width:5px;height:5px;border-radius:50%;background:var(--green);flex-shrink:0}[data-screen=signup] .form-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;width:100%;min-width:0;max-width:100%}[data-screen=signup] .heading,[data-screen=signup] form{max-width:100%;min-width:0}@media(max-width:600px){html body [data-screen=signup]:not([data-screen=customer_home]){overflow-x:visible;width:100%;max-width:100%;box-sizing:border-box;padding:16px;align-items:flex-start}[data-screen=signup] .card{width:100%;max-width:480px;min-width:0;box-sizing:border-box;padding:16px;border-radius:20px}[data-screen=signup] .form-row{grid-template-columns:minmax(0,1fr)}[data-screen=signup] .form-input{font-size:16px}[data-screen=signup] .heading h1{font-size:22px}}