*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,sans-serif;color:#f5fbff;background:radial-gradient(circle at 70% 20%,#074078 0,transparent 32%),linear-gradient(135deg,#020913,#03182a)}body{display:grid;place-items:center;padding:24px}main{width:min(470px,100%);text-align:center}.brand{display:inline-block;margin-bottom:28px;color:#00dfff;font-size:30px;font-weight:900;text-decoration:none}.brand strong{color:white}.brand span{display:block;margin-left:42px;font-size:10px;letter-spacing:.5em}section{padding:44px 40px;border:1px solid #14648e;border-radius:20px;background:rgba(3,17,30,.94);box-shadow:0 0 45px rgba(0,194,255,.18)}.eyebrow{color:#00ddff;font-size:12px;font-weight:800;letter-spacing:.25em}h1{margin:12px 0;font-size:34px}p{margin:0 0 28px;color:#a5bfd2;line-height:1.55}.google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:56px;color:#15202b;border-radius:9px;background:white;font-size:16px;font-weight:800;text-decoration:none;transition:transform .2s,box-shadow .2s}.google:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,220,255,.25)}.google svg{width:23px}small{display:block;margin-top:22px;color:#728da3;line-height:1.5}.back{display:inline-block;margin-top:24px;color:#8bcbe8;text-decoration:none}@media(max-width:500px){section{padding:34px 22px}h1{font-size:29px}}