*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Segoe UI,Arial,sans-serif;background:#090d14;color:#fff}
header{background:#0d1220;border-bottom:1px solid #24324a;position:sticky;top:0}
.wrap{max-width:1200px;margin:auto;padding:16px 28px;display:flex;justify-content:space-between;align-items:center}
.logo h1{font-size:40px}.logo span{color:#55c8ff}.tag{font-size:11px;letter-spacing:4px;color:#7fdcff;margin-top:3px}
nav a{color:#e7eef8;text-decoration:none;margin-left:28px}
.hero{max-width:900px;margin:40px auto 0;padding:20px;position:relative;text-align:center}
.glow{position:absolute;left:50%;top:-40px;transform:translateX(-50%);width:520px;height:520px;background:radial-gradient(circle,rgba(60,170,255,.18),transparent 70%);z-index:-1}
.hero h2{font-size:68px;margin-bottom:20px}
.hero p{font-size:22px;line-height:1.6;color:#c0cad8;margin-bottom:36px}
.panel{text-align:left;background:#151c29;border:1px solid #32425a;border-radius:22px;padding:24px}
label{display:block;font-size:22px;font-weight:700;margin-bottom:14px}
textarea{width:100%;height:180px;background:#101722;border:1px solid #3b4c65;color:#fff;border-radius:16px;padding:18px;font-size:18px}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.chips span{padding:10px 14px;border-radius:999px;background:#202b3d;border:1px solid #355171;font-size:14px}
.actions{margin-top:30px;display:flex;justify-content:center;gap:20px}
button{padding:18px 34px;border-radius:14px;font-size:19px;cursor:pointer}
.primary{background:#38b9ff;border:none;font-weight:700}
.primary:hover{box-shadow:0 0 20px #38b9ff}
.secondary{background:transparent;color:#fff;border:2px solid #38b9ff}
footer{text-align:center;color:#7e8ea7;padding:40px;margin-top:50px;border-top:1px solid #24324a}