:root{
  --bg:#0a0f14; --text:#e6eef2; --muted:#9fb0bf; --accent:#2fd1b1; --line:rgba(255,255,255,.08);
}
*{box-sizing:border-box} html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--text);font:400 16px/1.55 Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;-webkit-font-smoothing:antialiased}
.wrap{min-height:100vh;max-width:880px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:56px 22px}
.logo{margin-bottom:16px}.logo img{height:30px}
.underline{width:110px;height:4px;background:linear-gradient(90deg,var(--accent),#18a2ff);border-radius:2px;margin:10px 0 6px;box-shadow:0 6px 20px rgba(47,209,177,.28)}
h1{font-size:clamp(34px,4.2vw,52px);line-height:1.08;letter-spacing:-.01em;margin:10px 0 10px}
.sub{font-size:clamp(18px,2vw,20px);color:#cfe6e3;margin:0 0 22px}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin:6px 0 6px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:12px;border:1px solid var(--line);text-decoration:none;color:var(--text)}
.btn.primary{background:linear-gradient(180deg, rgba(47,209,177,.22), rgba(47,209,177,.1));border-color:rgba(47,209,177,.45)}
.btn.primary:hover{box-shadow:0 16px 50px rgba(47,209,177,.2)}
.footer{position:fixed;left:0;right:0;bottom:0;color:#8ea0ad;border-top:1px solid var(--line);padding:10px 22px;font-size:13px;display:flex;justify-content:space-between;background:rgba(10,15,20,.6);backdrop-filter:blur(6px)}