*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#123d88 0,#06152f 48%,#030b19 100%);color:#fff;font-family:Arial,sans-serif}.app{max-width:520px;margin:auto;padding:16px 12px}.card{background:linear-gradient(180deg,#183e7b,#081b3b);border:1px solid #ffffff22;border-radius:28px;padding:24px 20px;box-shadow:0 24px 55px #0005}.avatar{display:block;width:92px;height:92px;border-radius:24px;object-fit:cover;margin:0 auto 16px;border:3px solid #ff9700}.eyebrow{text-align:center;color:#83b1ff;font-weight:800;font-size:12px;letter-spacing:.13em}h1{text-align:center;font-size:34px;margin:8px 0 14px}h2{font-size:28px;margin:8px 0 10px}p{color:#bac7de;line-height:1.5;font-size:17px}small{display:block;color:#aab9d2;line-height:1.5;text-align:center;margin-top:14px}.primary,.secondary{width:100%;border:0;border-radius:18px;padding:16px;font-size:17px;font-weight:800;margin-top:12px}.primary{background:#ff8a00;color:#fff}.secondary{background:#ffffff10;color:#fff;border:1px solid #ffffff25}.back{border:0;background:transparent;color:#91b9ff;padding:0;font-size:15px}.hidden{display:none}.step{margin-top:18px;color:#ffb147;font-size:12px;font-weight:900}input{width:100%;border-radius:16px;border:1px solid #ffffff28;background:#061630;color:#fff;padding:15px;font-size:17px;margin:10px 0}.demo{margin-top:16px;color:#9eb0cb;font-size:13px}.demo button{margin:6px 4px 0 0;border:1px solid #ffffff20;background:#ffffff0e;color:#cfe0ff;border-radius:99px;padding:7px 10px}.ok{display:inline-block;margin-top:18px;padding:7px 10px;border-radius:99px;background:#24bb6c22;color:#6ee9a5}.visual{width:110px;height:110px;border-radius:26px;background:#0d63ff;border:2px solid #ff9300;margin:20px auto 14px;display:grid;place-items:center;font-size:48px}.brand{text-align:center;color:#8cb5ff;font-size:13px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.offer{background:#071a38;border:1px solid #ffffff18;border-radius:20px;padding:17px;margin:17px 0}.offer span{display:block;color:#8fa3c1;font-size:13px;margin:5px 0}.offer strong{display:block;color:#ffae36;font-size:22px}.debug{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.debug div{background:#ffffff10;border:1px solid #ffffff18;border-radius:14px;padding:10px;color:#b8c5dc}.debug b{color:#fff}@media(max-width:400px){h1{font-size:30px}h2{font-size:25px}p{font-size:16px}.debug{grid-template-columns:1fr}}