*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f5f0;justify-content:center;align-items:center;min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;display:flex}#root{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;display:flex}.phone-input-wrapper{position:relative}.phone-input-row{background:#fafafa;border:1.5px solid #e0e0e0;border-radius:10px;gap:0;transition:border-color .2s,box-shadow .2s;display:flex;overflow:visible}.phone-input-row:focus-within{background:#fff;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a}.phone-error .phone-input-row{border-color:#d32f2f}.phone-error .phone-input-row:focus-within{box-shadow:0 0 0 3px #d32f2f1a}.country-picker{flex-shrink:0;position:relative}.country-picker-btn{cursor:pointer;color:#333;white-space:nowrap;background:0 0;border:none;border-right:1.5px solid #e0e0e0;border-radius:10px 0 0 10px;align-items:center;gap:6px;height:100%;padding:12px 8px 12px 14px;font-size:14px;transition:background .15s;display:flex}.country-picker-btn:hover{background:#f0f0f0}.flag-emoji{font-size:20px;line-height:1}.dial-code{color:#444;font-size:14px;font-weight:600}.picker-arrow{color:#999;margin-left:2px;font-size:10px;transition:transform .2s}.picker-arrow.open{transform:rotate(180deg)}.phone-number-input{color:#333;outline:none;flex:1;min-width:0;padding:12px 14px;font-size:15px;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0 10px 10px 0!important}.phone-number-input::placeholder{color:#bbb}.country-dropdown{z-index:100;background:#fff;border:1.5px solid #e0e0e0;border-radius:10px;flex-direction:column;width:320px;max-height:300px;animation:.15s ease-out dropdownIn;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.country-search-wrap{padding:8px 8px 0}.country-search{outline:none;width:100%;margin-bottom:4px;transition:border-color .2s;box-shadow:none!important;background:#fafafa!important;border:1.5px solid #e0e0e0!important;border-radius:8px!important;padding:10px 12px!important;font-size:14px!important}.country-search:focus{background:#fff!important;border-color:#2e7d32!important}.country-list{flex:1;margin:0;padding:4px 0;list-style:none;overflow-y:auto}.country-option{cursor:pointer;align-items:center;gap:10px;padding:9px 14px;font-size:14px;transition:background .1s;display:flex}.country-option:hover{background:#f5f5f5}.country-option.selected{background:#e8f5e9}.country-name{color:#333;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.country-dial{color:#888;flex-shrink:0;font-size:13px;font-weight:500}.country-no-results{color:#999;text-align:center;padding:16px 14px;font-size:14px}.signup-container{width:100%;max-width:420px}.signup-card{background:#fff;border-radius:16px;padding:40px 36px;box-shadow:0 4px 24px #00000014}.logo{align-items:center;gap:10px;margin-bottom:32px;display:flex}.logo-text{letter-spacing:-.5px;font-size:24px;font-weight:700}.logo-food{color:#1a1a1a}.logo-flow{color:#2e7d32}h1{color:#1a1a1a;margin-bottom:6px;font-size:28px;font-weight:700}.subtitle{color:#888;margin-bottom:28px;font-size:15px}.field{margin-bottom:20px}label{color:#444;margin-bottom:6px;font-size:14px;font-weight:600;display:block}input{color:#333;background:#fafafa;border:1.5px solid #e0e0e0;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}input::placeholder{color:#bbb}input:focus{background:#fff;border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a}input.input-error{border-color:#d32f2f}input.input-error:focus{box-shadow:0 0 0 3px #d32f2f1a}.error-text{color:#d32f2f;margin-top:4px;font-size:13px;display:block}button[type=submit]{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:10px;width:100%;margin-top:8px;padding:14px;font-size:16px;font-weight:600;transition:background .2s}button[type=submit]:hover:not(:disabled){background:#1b5e20}button[type=submit]:disabled{opacity:.7;cursor:not-allowed}.spinner-wrap{justify-content:center;align-items:center;gap:8px;display:flex}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.alert{border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:500}.alert-success{color:#2e7d32;background:#e8f5e9;border:1px solid #c8e6c9}.alert-error{color:#c62828;background:#ffebee;border:1px solid #ffcdd2}