*{box-sizing:border-box} body{min-height:100vh;margin:0;display:grid;place-items:center;padding:24px;color:#172033;background:
        radial-gradient(circle at 15% 12%,rgba(128,111,255,.26),transparent 28rem),radial-gradient(circle at 90% 82%,rgba(47,128,237,.18),transparent 26rem),#0b1220;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
        .shell{width:min(940px,100%);min-height:570px;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:25px;box-shadow:0 30px 90px rgba(0,0,0,.35)}
        .story{padding:52px;color:#fff;background:linear-gradient(155deg,rgba(109,93,252,.82),rgba(21,34,62,.96)),#172033;display:flex;flex-direction:column;justify-content:space-between}
        .brand{display:flex;align-items:center;gap:12px;font-weight:800}.mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.17);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
        .story h1{margin:0 0 15px;font-size:clamp(32px,4vw,48px);line-height:1.03;letter-spacing:-1.4px}.story p{max-width:390px;margin:0;color:#d9dcf4;line-height:1.7;font-size:15px}.preview{display:inline-flex;align-items:center;gap:8px;color:#dfe3ff;font-size:12px}.preview::before{content:"";width:8px;height:8px;border-radius:50%;background:#59e4a7;box-shadow:0 0 0 5px rgba(89,228,167,.12)}
        .panel{padding:56px 48px;background:rgba(255,255,255,.98);display:flex;flex-direction:column;justify-content:center}.eyebrow{margin:0 0 8px;color:#6d5dfc;font-size:11px;font-weight:850;letter-spacing:1.5px;text-transform:uppercase}.panel h2{margin:0;font-size:29px;letter-spacing:-.6px}.hint{margin:9px 0 28px;color:#667085;font-size:14px;line-height:1.5}
        .field{margin-bottom:17px}.field label{display:block;margin-bottom:7px;font-size:12px;font-weight:750}.field input{width:100%;height:46px;padding:0 13px;border:1px solid #dce2eb;border-radius:11px;background:#fbfcfe;font:inherit;transition:.16s}.field input:focus{outline:0;border-color:#6d5dfc;box-shadow:0 0 0 4px rgba(109,93,252,.12);background:#fff}
        button{width:100%;height:47px;margin-top:5px;border:0;border-radius:11px;color:#fff;background:linear-gradient(135deg,#6d5dfc,#2f80ed);box-shadow:0 10px 22px rgba(73,94,225,.25);font:inherit;font-weight:800;cursor:pointer}button:hover{filter:brightness(1.04);transform:translateY(-1px)}
        .error{display:none;margin:0 0 18px;padding:11px 13px;color:#b42336;background:#fff0f2;border:1px solid #ffd4da;border-radius:10px;font-size:12px}.foot{margin-top:20px;color:#98a2b3;font-size:11px;text-align:center}
        @media(max-width:720px){.shell{grid-template-columns:1fr;min-height:0}.story{min-height:230px;padding:30px}.story h1{font-size:32px}.story p{font-size:13px}.panel{padding:38px 28px}.preview{margin-top:28px}}