html,body{min-height:100%;margin:0;background:#0f0f1a;color:#fff;font-family:Inter,system-ui,sans-serif}.svr-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:2rem;align-items:center;max-width:1180px;margin:0 auto;padding:2rem}.svr-hero{padding:2rem}.svr-brand{display:flex;align-items:center;gap:1rem}.svr-brand img{width:64px;height:64px;border-radius:18px;object-fit:cover}.svr-brand h1{margin:0;font-size:2rem}.svr-accent{background:linear-gradient(135deg,#667eea,#f093fb);background-clip:text;-webkit-background-clip:text;color:transparent}.svr-hero h2{font-size:3rem;line-height:1.08;margin:2.5rem 0 1rem}.svr-hero p{color:#94a3b8;line-height:1.65}.svr-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:2rem}.svr-feature{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);border-radius:16px;padding:1rem}.svr-feature strong{display:block}.svr-feature span{font-size:.82rem;color:#94a3b8}.svr-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:1.5rem;box-shadow:0 24px 60px rgba(0,0,0,.25)}.svr-card h2{margin:0}.svr-sub{color:#94a3b8}.svr-sub a{color:#a78bfa}.svr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.svr-field{margin-top:1rem}.svr-field label,.svr-legend{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:#cbd5e1;margin-bottom:.4rem}.svr-input{width:100%;box-sizing:border-box;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.8rem .9rem;color:#fff}.svr-input:focus{outline:0;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.18)}.svr-pw-wrap{position:relative}.svr-pw-toggle{position:absolute;right:.7rem;top:50%;transform:translateY(-50%);background:none;border:0;color:#94a3b8;cursor:pointer}.svr-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.svr-plan{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.8rem;background:rgba(255,255,255,.03)}.svr-plan strong,.svr-plan span{display:block}.svr-plan .price{color:#c4b5fd}.svr-plan .meta{font-size:.75rem;color:#94a3b8}.svr-error{font-size:.78rem;color:#f87171;margin:.3rem 0 0}.svr-flash{padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3)}.svr-flash.error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:#fca5a5}.svr-submit{width:100%;margin-top:1.3rem;padding:.9rem;border:0;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:800;cursor:pointer}.svr-spinner{display:inline-block;width:15px;height:15px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svrSpin .7s linear infinite;margin-left:.5rem}.svr-spinner[hidden]{display:none}.svr-strength{height:4px;background:rgba(255,255,255,.1);border-radius:999px;margin-top:.5rem;overflow:hidden}.svr-strength-bar{height:100%;width:0;background:#ef4444;transition:width .2s}.svr-strength[data-level='1'] .svr-strength-bar{width:20%;background:#ef4444}.svr-strength[data-level='2'] .svr-strength-bar{width:40%;background:#f97316}.svr-strength[data-level='3'] .svr-strength-bar{width:60%;background:#eab308}.svr-strength[data-level='4'] .svr-strength-bar{width:80%;background:#22c55e}.svr-strength[data-level='5'] .svr-strength-bar{width:100%;background:#10b981}@keyframes svrSpin{to{transform:rotate(360deg)}}@media(max-width:900px){.svr-shell{grid-template-columns:1fr}.svr-hero{display:none}}@media(max-width:620px){.svr-shell{padding:1rem}.svr-grid,.svr-plans{grid-template-columns:1fr}}