*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif}body{display:grid;place-items:center;background:radial-gradient(circle at 50% 24%,#154ba3 0,#071b3e 34%,#020817 78%);color:#fff;padding:28px;overflow:hidden}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:39px 39px;opacity:.18}main{width:min(100%,390px);position:relative;text-align:center}.planet{width:132px;height:132px;margin:0 auto 24px;border-radius:31px;background:linear-gradient(145deg,#45b8ff,#5145e8);box-shadow:0 24px 70px #168bff77,inset 0 1px 1px #fff9;display:grid;place-items:center;position:relative;transform:rotate(-5deg)}.planet b{font-size:64px}.planet i{position:absolute;border:2px solid #fff8;border-radius:50%;inset:25px -18px;transform:rotate(-17deg)}.planet i:nth-child(2){inset:39px -24px;transform:rotate(18deg)}.planet i:nth-child(3){width:11px;height:11px;inset:18px 22px;background:#fff;border:0}h1{font-size:36px;margin:0;letter-spacing:-2px}p{color:#a9c4ee;margin:8px 0 28px}form{display:grid;gap:13px;padding:18px;border:1px solid #ffffff20;border-radius:24px;background:#ffffff0c;backdrop-filter:blur(20px);box-shadow:0 20px 70px #0008}label{text-align:left;font-size:12px;color:#b9cff1}input{display:block;width:100%;margin-top:7px;padding:15px;border:1px solid #ffffff26;border-radius:14px;background:#06142c;color:#fff;outline:none;font-size:16px}button{border:0;border-radius:14px;padding:16px;background:linear-gradient(90deg,#078bff,#6757f6);color:#fff;font-weight:750;font-size:16px}small{min-height:16px;color:#ffb3b3}