* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: Arial, sans-serif; background:#0a0a0a; color:#fff; text-align:center; }
header { padding:20px; background:#111; }
nav { max-width:1200px; margin:auto; display:flex; justify-content:space-between; align-items:center; }
.logo { font-size:28px; font-weight:bold; color:#00ffcc; }
.menu a { color:#fff; margin:0 15px; text-decoration:none; }
.hero { padding:100px 20px; background:linear-gradient(#1a1a1a,#000); }
h1 { font-size:48px; margin-bottom:20px; }
.btn { background:#00ffcc; color:#000; padding:15px 40px; text-decoration:none; border-radius:50px; font-weight:bold; }
.gallery img { width:300px; margin:10px; border-radius:8px; }
.plans { display:flex; justify-content:center; gap:30px; flex-wrap:wrap; }
.plan { background:#111; padding:30px; border-radius:12px; width:280px; }
.popular { border:2px solid #00ffcc; transform:scale(1.05); }
.login-page form { max-width:400px; margin:50px auto; }
input, button { display:block; width:100%; padding:15px; margin:15px 0; border:none; border-radius:8px; }
button { background:#00ffcc; color:#000; font-weight:bold; cursor:pointer; }
footer { padding:30px; background:#111; margin-top:100px; }