body{margin:0;font-family:Arial,sans-serif;background:#eef7fb;color:#183b56}
.hero{min-height:100vh;background:linear-gradient(135deg,#0f766e,#2563eb);display:flex;align-items:center}
.wrap{max-width:1100px;margin:auto;padding:40px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px}
.logo{font-size:34px;font-weight:bold;color:#fff;margin-bottom:30px}
.logo span{vertical-align:middle}
h1{color:#fff;font-size:52px;line-height:1.1;margin:0 0 20px}
p,li{color:#eaf4ff;font-size:18px}
ul{padding-left:18px}
.card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 20px 40px rgba(0,0,0,.15)}
.card h2{margin-top:0}
input{width:100%;padding:14px;margin:10px 0;border:1px solid #ccc;border-radius:8px;box-sizing:border-box}
button{width:100%;padding:15px;background:#2563eb;color:#fff;border:0;border-radius:8px;font-size:16px;cursor:pointer}
button:hover{background:#1d4ed8}
footer{text-align:center;padding:24px;background:#0f172a;color:#cbd5e1}
@media(max-width:900px){.wrap{grid-template-columns:1fr}h1{font-size:38px}}