*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:linear-gradient(#0f172a,#111827,#020617);font-family:Arial,sans-serif;overflow-x:hidden}a{color:#fff;text-decoration:none}.btn{color:#fff;cursor:pointer;background:linear-gradient(90deg,#22d3ee,#8b5cf6);border:none;border-radius:10px;padding:14px 26px;font-size:16px;font-weight:700;transition:all .3s}.btn:hover{transform:scale(1.05);box-shadow:0 0 25px #22d3ee66}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;padding:25px;transition:all .3s}.card:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 0 35px #22d3ee40}input,textarea{color:#fff;background:#ffffff14;border:none;border-radius:10px;outline:none;width:100%;padding:14px;font-size:16px}textarea{min-height:120px}img{max-width:100%;display:block}@media (width<=768px){h1{font-size:38px!important}h2{font-size:24px!important}p{font-size:15px!important}.btn{width:100%;max-width:300px}.card{padding:20px}}body.light{color:#0f172a;background:linear-gradient(#f8fafc,#e2e8f0)}body.light .card{color:#0f172a;background:#fffc;border:1px solid #00000014}body.light input,body.light textarea{color:#0f172a;background:#ffffffe6}body.light nav{background:#ffffffe6!important}body.light a{color:#0f172a}
