@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300..800&display=swap");

:root {
  --bg: #070a12;
  --bg2: #0b1020;
  --card: rgba(255,255,255,0.06);
  --card2: rgba(255,255,255,0.10);
  --border: rgba(255,255,255,0.12);
  --text: rgba(255,255,255,0.92);
  --muted: rgba(255,255,255,0.70);
  --dim: rgba(255,255,255,0.55);
  --primary: #7c3aed;
  --primary2: #22c55e;
  --shadow: 0 18px 60px rgba(0,0,0,0.45);
  --radius: 18px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(1200px 650px at 15% 0%, rgba(124,58,237,0.35), transparent 60%),
    radial-gradient(900px 600px at 85% 10%, rgba(34,197,94,0.18), transparent 55%),
    linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);
  line-height:1.6;
}

a{color:inherit;text-decoration:none}

.lp-container{width:min(1120px, calc(100% - 40px));margin:0 auto}

.lp-header{
  position:sticky;top:0;z-index:50;
  background:rgba(7,10,18,0.65);
  backdrop-filter: blur(14px);
  border-bottom:1px solid rgba(255,255,255,0.08);
}

.lp-header .lp-container{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}

.lp-brand{display:flex;align-items:center;gap:10px;min-width:160px}
.lp-logo{height:36px;width:auto;border-radius:10px}
.lp-brand-name{font-weight:800;letter-spacing:-0.02em}

.lp-nav{display:flex;gap:18px;align-items:center}
.lp-nav a{color:var(--muted);font-weight:700}
.lp-nav a:hover{color:var(--text)}

.lp-actions{display:flex;gap:10px;align-items:center}

.lp-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 14px;border-radius:999px;font-weight:800;
  border:1px solid var(--border);background:rgba(255,255,255,0.06);
  transition: transform .12s ease, filter .12s ease, background .12s ease;
}
.lp-btn:hover{background:rgba(255,255,255,0.10);transform:translateY(-1px)}
.lp-btn.primary{border-color:rgba(124,58,237,0.6);background:linear-gradient(135deg, rgba(124,58,237,0.95), rgba(34,197,94,0.55))}
.lp-btn.ghost{background:transparent}

.lp-hero{padding:74px 0 28px}
.lp-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:start}

.lp-pill{
  display:inline-flex;gap:10px;align-items:center;
  padding:8px 12px;border-radius:999px;
  border:1px solid rgba(255,255,255,0.14);
  background:rgba(255,255,255,0.06);
  color:var(--muted);font-weight:700
}

.lp-h1{font-size:clamp(34px, 4.2vw, 54px);line-height:1.08;letter-spacing:-0.045em;margin:14px 0 10px}
.lp-sub{color:var(--muted);margin:0;max-width:60ch}

.lp-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}

.lp-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
.lp-metric{padding:12px;border:1px solid rgba(255,255,255,0.12);border-radius:16px;background:rgba(255,255,255,0.05)}
.lp-metric-num{font-weight:900;font-size:18px;letter-spacing:-0.02em}
.lp-metric-text{color:var(--dim);font-weight:700;font-size:12px}

.lp-card{border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius);background:rgba(255,255,255,0.06);box-shadow:var(--shadow);padding:18px}
.lp-card-title{font-weight:900;letter-spacing:-0.02em;margin-bottom:10px}

.lp-list{margin:0;padding-left:18px;color:var(--muted);font-weight:650;display:grid;gap:8px}
.lp-list.compact{gap:6px}

.lp-card-foot{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}

.lp-section{padding:54px 0}
.lp-section.alt{background:rgba(255,255,255,0.03);border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06)}

.lp-section-head{text-align:center;max-width:760px;margin:0 auto}
.lp-h2{font-size:28px;letter-spacing:-0.03em;margin:0}
.lp-desc{color:var(--muted);margin:10px 0 0}

.lp-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.lp-grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}

.lp-box{border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius);background:rgba(255,255,255,0.06);padding:16px}
.lp-box-title{font-weight:900;letter-spacing:-0.02em}
.lp-box-desc{color:var(--muted);margin-top:8px}

.lp-split{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:start;margin-top:10px}

.lp-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.lp-badge{padding:7px 10px;border-radius:999px;border:1px solid rgba(255,255,255,0.12);background:rgba(255,255,255,0.06);color:var(--muted);font-weight:700;font-size:12px}

.lp-panel{border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius);background:rgba(255,255,255,0.06);padding:16px;box-shadow:var(--shadow)}
.lp-panel-title{font-weight:900;margin-bottom:10px}
.lp-steps{margin:0;padding-left:20px;color:var(--muted);display:grid;gap:8px;font-weight:650}

.lp-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}

.lp-price-card{border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius);background:rgba(255,255,255,0.06);padding:18px;display:flex;flex-direction:column;gap:12px}
.lp-price-card.featured{border-color:rgba(124,58,237,0.6);box-shadow:0 28px 70px rgba(124,58,237,0.12)}

.lp-price-name{font-weight:950;letter-spacing:-0.02em}
.lp-price-amount{display:flex;align-items:baseline;gap:6px}
.lp-price-amount .cur{color:var(--dim);font-weight:800}
.lp-price-amount .amt{font-size:34px;font-weight:950;letter-spacing:-0.03em}
.lp-price-amount .per{color:var(--dim);font-weight:800}
.lp-price-desc{color:var(--muted)}

.lp-footer{padding:34px 0;border-top:1px solid rgba(255,255,255,0.08)}
.lp-footer-top{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.lp-footer-brand{font-weight:950;letter-spacing:-0.03em}
.lp-footer-sub{color:var(--muted);margin-top:8px}
.lp-footer-links{display:flex;gap:14px;flex-wrap:wrap}
.lp-footer-links a{color:var(--muted);font-weight:800}
.lp-footer-links a:hover{color:var(--text)}
.lp-footer-bottom{margin-top:20px;color:var(--dim);font-weight:700}

 .sn-auth{padding:64px 0}
 .sn-card{border:1px solid rgba(255,255,255,0.12);border-radius:var(--radius);background:rgba(255,255,255,0.06);box-shadow:var(--shadow)}
 .sn-auth-card{
  width:min(1120px, calc(100% - 40px));
  margin:0 auto;
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:0;
  overflow:hidden;
 }

 .sn-auth-left{padding:26px 24px;border-right:1px solid rgba(255,255,255,0.10)}
 .sn-auth-left h3{margin:0;font-size:22px;letter-spacing:-0.03em}

 .sn-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
 .sn-feature{border:1px solid rgba(255,255,255,0.10);background:rgba(255,255,255,0.04);border-radius:16px;padding:12px}
 .sn-feature h4{margin:0;font-size:13px;letter-spacing:-0.02em}
 .sn-feature p{margin:6px 0 0;color:var(--muted);font-size:12px;line-height:1.45}

 .sn-auth-right{padding:26px 24px}

 .sn-brand{display:flex;align-items:center;gap:10px}
 .sn-logo{height:34px;width:auto;border-radius:10px}
 .sn-brand-name{font-weight:900;letter-spacing:-0.03em}

 .sn-form-title{margin:0;font-size:20px;letter-spacing:-0.03em}
 .sn-muted{color:var(--muted);font-weight:650}

 .sn-auth-right form{display:grid;gap:12px}
 .sn-auth-right form .sn-label{margin-top:0}
 .sn-auth-right form .sn-input{display:block !important;width:100% !important}

 .sn-label{display:block;margin-top:12px;margin-bottom:6px;color:rgba(255,255,255,0.80);font-weight:800;font-size:12px;letter-spacing:.02em;text-transform:uppercase}
 .sn-input{
  width:100%;
  height:46px;
  padding:0 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,0.14);
  background:rgba(255,255,255,0.05);
  color:var(--text);
  outline:none;
  transition: border-color .12s ease, box-shadow .12s ease, background .12s ease;
 }
 .sn-input::placeholder{color:rgba(255,255,255,0.45)}
 .sn-input:focus{border-color:rgba(124,58,237,0.75);box-shadow:0 0 0 4px rgba(124,58,237,0.18);background:rgba(255,255,255,0.06)}

 .sn-btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:12px 16px;border-radius:999px;font-weight:900;
  border:1px solid var(--border);
  background:rgba(255,255,255,0.06);
  color:var(--text);
  cursor:pointer;
  transition: transform .12s ease, filter .12s ease, background .12s ease;
 }
 .sn-btn:hover{background:rgba(255,255,255,0.10);transform:translateY(-1px)}
 .sn-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}
 .sn-btn-primary{border-color:rgba(124,58,237,0.6);background:linear-gradient(135deg, rgba(124,58,237,0.95), rgba(34,197,94,0.55))}

 @media (max-width: 980px){
  .sn-auth{padding:36px 0}
  .sn-auth-card{grid-template-columns:1fr}
  .sn-auth-left{border-right:none;border-bottom:1px solid rgba(255,255,255,0.10)}
  .sn-grid-3{grid-template-columns:1fr}
 }

@media (max-width: 980px){
  .lp-nav{display:none}
  .lp-hero-grid{grid-template-columns:1fr}
  .lp-grid3{grid-template-columns:1fr}
  .lp-grid2{grid-template-columns:1fr}
  .lp-split{grid-template-columns:1fr}
  .lp-pricing{grid-template-columns:1fr}
  .lp-trust{grid-template-columns:1fr}
  .lp-footer-top{flex-direction:column}
}