*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{color:#fff;background:#081225}header{padding:25px 0}header div{text-align:center;background:linear-gradient(90deg,#4facfe,#fff);color:#0000;-webkit-background-clip:text;font-size:42px;font-weight:700}.hero-wrapper{text-align:center;max-width:900px;margin:auto;padding:50px 20px}.badge{color:#6db8ff;background:#4facfe26;border-radius:30px;margin-bottom:25px;padding:8px 18px;font-weight:600;display:inline-block}.hero-wrapper h1{margin-bottom:25px;font-size:3rem;line-height:1.3}.hero-wrapper h1 span{color:#4facfe}.hero-wrapper p{color:#b7c0d8;max-width:700px;margin:auto;font-size:18px;line-height:1.8}.buttons{justify-content:center;gap:20px;margin:35px 0;display:flex}.primary,.secondary,.notify{cursor:pointer;border:none;border-radius:10px;padding:14px 32px;font-size:16px;transition:all .3s}.primary,.notify{color:#fff;background:#4facfe}.primary:hover,.notify:hover{background:#2d8cf0}.secondary{color:#fff;background:0 0;border:2px solid #4facfe}.secondary:hover{background:#4facfe}.card-top{background:#111d33;border-radius:15px 15px 0 0;gap:8px;width:100%;max-width:500px;margin:50px auto 0;padding:15px;display:flex}.dot{border-radius:50%;width:14px;height:14px}.red{background:#ff5f57}.yellow{background:#febc2e}.green{background:#28c840}.icon-wrap{background:#101827;border-radius:0 0 15px 15px;width:500px;max-width:100%;margin:auto;padding:50px}.icon-circle{background:#4facfe;border-radius:50%;place-items:center;width:90px;height:90px;margin:auto;font-size:40px;display:grid}.hero-wrapper h2{margin-top:35px;font-size:34px}.feature{justify-content:center;align-items:center;gap:12px;margin-top:18px;font-size:18px;display:flex}.feature span{background:#4facfe;border-radius:50%;width:10px;height:10px}input{border:none;border-radius:10px;outline:none;width:100%;max-width:420px;margin-top:35px;padding:16px;font-size:16px}.notify{margin-top:20px}