:root{--navy:#0B1F4D;--blue:#2563EB;--cyan:#22D3EE;--yellow:#FACC15;--red:#F87171}
*{box-sizing:border-box;margin:0}
html,body{height:100%}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#fff;background:var(--navy) url(bg.svg) center bottom/cover no-repeat;
 min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom)}
.ss-wrap{width:100%;max-width:400px;display:flex;flex-direction:column;gap:10px}
.ss-head{text-align:center;display:grid;gap:2px;justify-items:center}
.ss-logo{width:44px;height:44px;border-radius:12px;background:var(--yellow);color:var(--navy);font-weight:900;font-size:15px;display:grid;place-items:center}
h1{font-size:18px}
.ss-slogan{font-weight:800;font-size:17px;color:var(--yellow)}
.ss-desc{font-size:12px;color:#BFDBFE}
.ss-card{background:rgba(11,31,77,.82);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:12px;display:grid;gap:8px}
.ss-tabs{display:flex;gap:10px}
.pulse-switch-btn{flex:1;min-height:44px;border-radius:999px;border:2px solid var(--cyan);background:transparent;color:#fff;font-weight:700;font-size:15px}
.pulse-switch-btn.active{background:var(--yellow);border-color:var(--yellow);color:var(--navy)}
.pulse-form{display:none;gap:4px}
.pulse-form.active{display:grid}
label{font-size:11px;font-weight:700;color:var(--cyan);margin-top:4px}
.pulse-input{width:100%;min-height:44px;border-radius:12px;border:2px solid transparent;background:#fff;color:var(--navy);font-size:16px;padding:0 12px}
.pulse-input:focus{outline:none;border-color:var(--cyan)}
.pulse-input.bad{border-color:var(--red)}
.ss-row{display:grid;grid-template-columns:1.1fr 1fr;gap:8px}
.ss-pw{position:relative}.ss-pw .pulse-input{padding-right:40px}
.pulse-eye{position:absolute;right:2px;top:0;height:44px;width:40px;border:0;background:none;font-size:18px}
.ss-ref{background:rgba(34,211,238,.15);border:1px dashed var(--cyan);border-radius:12px;padding:9px 12px;font-size:13px;font-weight:700;text-align:center}
.ss-error{background:rgba(248,113,113,.18);border-left:4px solid var(--red);padding:6px 8px;border-radius:8px;font-size:12px;font-weight:600;margin-top:4px}
.ss-error.ok{background:rgba(74,222,128,.18);border-color:#4ADE80}
.ss-forgot{align-self:end;justify-self:end;font-size:12px;color:#BFDBFE;margin-top:2px;cursor:default}
.pulse-submit{min-height:48px;margin-top:6px;border:0;border-radius:12px;background:var(--yellow);color:var(--navy);font-size:16px;font-weight:800}
.pulse-submit:disabled{opacity:.6}
.ss-social{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ss-social a{min-height:44px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:700;text-decoration:none;font-size:14px}
.wa{background:#25D366}.tg{background:#229ED9}
.wa::before{content:"💬 "}.tg::before{content:"✈️ "}
.ss-social a{display:flex;align-items:center;justify-content:center;gap:4px}
@media(min-height:760px){.ss-wrap{gap:16px}.ss-card{padding:18px}}