:root{--blue:#1a73e8;--green:#34a853;--red:#ea4335}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#f5f7fa;height:100%;font-family:Arial,sans-serif}.pin-page{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100dvh;padding:24px;display:flex}.pin-logo{width:auto;height:32px}.pin-card{background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:360px;padding:32px 28px;display:flex;box-shadow:0 2px 12px #0000001a}.pin-title{color:#333;text-align:center;font-size:1.1rem;font-weight:800}.pin-input{text-align:center;letter-spacing:.4em;color:#333;border:2px solid #e0e0e0;border-radius:12px;outline:none;width:100%;padding:14px;font-size:1.5rem;font-weight:700;transition:border-color .18s}.pin-input:focus{border-color:var(--blue)}.pin-input.error{border-color:var(--red)}.pin-error{color:var(--red);margin-top:-10px;font-size:.85rem;font-weight:600}.send-page{flex-direction:column;gap:20px;max-width:480px;min-height:100dvh;margin:auto;padding:24px 16px;display:flex}.send-header{background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:18px;display:flex;box-shadow:0 1px 6px #00000014}.send-header-logo{width:auto;height:27px}.send-header-title{color:var(--blue);font-size:.95rem;font-weight:700}.send-card{background:#fff;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 1px 6px #00000014}.field-label{color:#555;flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.field-input{color:#333;border:1.5px solid #ddd;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:Arial,sans-serif;font-size:15px;transition:border-color .18s}.field-input:focus{border-color:var(--blue)}.mobile-hint{color:#aaa;font-size:11px;font-weight:400}.clinic-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.clinic-btn{cursor:pointer;text-align:center;color:#444;background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:12px 10px;font-size:.82rem;font-weight:700;line-height:1.3;transition:all .15s}.clinic-btn.selected{border-color:var(--blue);color:var(--blue);background:#e8f0fe}.send-btn{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;margin-top:auto;padding:16px;font-size:1rem;font-weight:800}.send-btn:disabled{opacity:.5;cursor:not-allowed}.success-banner{border:1.5px solid var(--green);color:#2e7d32;text-align:center;background:#e8f5e9;border-radius:12px;padding:14px 16px;font-size:.9rem;font-weight:700}.error-banner{border:1.5px solid var(--red);color:var(--red);text-align:center;background:#fce8e6;border-radius:12px;padding:14px 16px;font-size:.9rem;font-weight:700}