:root{
  --bg:#07101f;
  --panel:#101f39;
  --line:rgba(255,255,255,.09);
  --text:#f5f8fc;
  --muted:#a9b7ca;
  --blue:#3191ff;
  --blue-soft:#7ec0ff;
  --danger:#e34f5f;
  --max:1160px;
  --legal:820px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  background:
    radial-gradient(circle at 50% 18%,rgba(30,170,85,.07),transparent 28%),
    radial-gradient(circle at 78% 12%,rgba(49,145,255,.08),transparent 30%),
    linear-gradient(180deg,#07101f 0%,#091426 100%);
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.6;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}

/* Shared header */
.header{
  min-height:82px;
  border-bottom:1px solid var(--line);
  background:rgba(7,16,31,.95);
  backdrop-filter:blur(10px);
  position:sticky;
  top:0;
  z-index:20;
}
.header-inner{
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.brand{
  display:flex;
  align-items:center;
  min-height:62px;
}
.header-logo{
  width:98px;
  height:62px;
  object-fit:contain;
}
.nav{
  display:flex;
  align-items:center;
  gap:28px;
  flex-wrap:wrap;
}
.nav a{
  color:#c7d3e2;
  font-weight:700;
  font-size:15px;
  transition:color .18s ease;
}
.nav a:hover,.nav a[aria-current="page"]{color:#fff}

/* Homepage */
.home-main{
  min-height:calc(100vh - 155px);
  display:flex;
  align-items:center;
}
.simple-home{
  width:100%;
  padding:62px 0 74px;
}
.simple-home-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.main-logo{
  width:min(390px,72vw);
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 22px 42px rgba(0,0,0,.28));
}
.simple-home h1{
  margin:24px 0 0;
  font-size:clamp(28px,4vw,42px);
  letter-spacing:-.02em;
  font-weight:800;
}
.socials{
  margin-top:34px;
  display:flex;
  justify-content:center;
  gap:18px;
}
.social-link{
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 12px 32px rgba(0,0,0,.18);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.social-link img{
  width:34px;
  height:34px;
  object-fit:contain;
}
.social-link:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.085);
  border-color:rgba(255,255,255,.18);
}
.social-disabled{cursor:default}

/* Footer */
.footer{
  border-top:1px solid var(--line);
  color:#7f90a6;
  font-size:14px;
}
.footer-inner{
  min-height:72px;
  display:flex;
  align-items:center;
}
.footer-simple{justify-content:center}

/* Legal pages */
.kicker{
  color:var(--blue-soft);
  letter-spacing:.17em;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  margin:0 0 18px;
}
.legal-main{padding:64px 0 90px}
.legal-wrap{width:min(var(--legal),calc(100% - 40px));margin:0 auto}
.legal-title{
  margin:0 0 10px;
  font-size:clamp(36px,6vw,56px);
  line-height:1.08;
  letter-spacing:-.035em;
}
.updated{color:#7f90a6;margin:0 0 34px}
.legal-section{
  padding:26px 0;
  border-bottom:1px solid var(--line);
}
.legal-section:last-child{border-bottom:0}
.legal-section h2{
  margin:0 0 10px;
  font-size:22px;
}
.legal-section p,.legal-section li{color:#bdc9d8}
.legal-section ul{padding-left:22px}
.inline-link{
  color:var(--blue-soft);
  text-decoration:underline;
  text-underline-offset:3px;
}

/* Delete account */
.delete-intro{
  max-width:680px;
  color:#bdc9d8;
  font-size:18px;
}
.steps{display:grid;gap:12px;margin-top:22px}
.step{
  display:flex;
  gap:14px;
  align-items:flex-start;
  color:#c9d4e2;
}
.step-num{
  flex:0 0 30px;
  height:30px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#173760;
  color:#fff;
  font-weight:800;
}
.delete-card{
  margin-top:34px;
  background:linear-gradient(180deg,var(--panel) 0%,#0f1d34 100%);
  border:1px solid rgba(255,255,255,.10);
  border-radius:22px;
  padding:28px;
}
.delete-card h2{margin:0 0 8px;font-size:25px}
.delete-card p{color:#b6c3d4}
.form{
  margin-top:22px;
  display:grid;
  gap:11px;
}
.form label{font-weight:800}
.form input{
  width:100%;
  min-height:52px;
  border-radius:13px;
  border:1px solid rgba(255,255,255,.12);
  background:#081426;
  color:#fff;
  padding:0 15px;
  outline:none;
}
.form input:focus{
  border-color:var(--blue);
  box-shadow:0 0 0 3px rgba(49,145,255,.16)
}
.btn{
  border:0;
  border-radius:13px;
  min-height:50px;
  padding:0 20px;
  font-weight:800;
  cursor:pointer;
}
.btn-primary{background:var(--blue);color:#fff}
.btn-danger{background:var(--danger);color:#fff}
.btn:disabled{opacity:.55;cursor:not-allowed}
.form-status{
  min-height:24px;
  margin:2px 0 0!important;
  color:#92a3ba!important;
}
.form-status.success{color:#88d9a8!important}
.form-status.error{color:#ff9aa7!important}
.security-note{
  margin-top:24px;
  border-left:4px solid var(--blue);
  background:#0c1a30;
  border-radius:10px;
  padding:14px 16px;
  color:#c8d3e1;
}
.is-hidden{display:none!important}

@media(max-width:760px){
  .header-inner{
    min-height:auto;
    padding:14px 0;
    flex-direction:column;
    align-items:center;
  }
  .header-logo{width:92px;height:58px}
  .nav{
    width:100%;
    justify-content:center;
    gap:16px;
  }
  .nav a{font-size:14px}
  .home-main{min-height:calc(100vh - 188px)}
  .simple-home{padding:44px 0 56px}
  .main-logo{width:min(315px,78vw)}
  .legal-main{padding-top:44px}
}


/* Mobile and narrow-screen hardening */
html, body {
  max-width: 100%;
  overflow-x: hidden;
}
.legal-wrap,
.delete-card,
.form,
.form input,
.btn {
  min-width: 0;
}
.legal-section {
  overflow-wrap: anywhere;
}
.nav a {
  white-space: nowrap;
}
@media (max-width: 900px) {
  .container {
    width: min(var(--max), calc(100% - 28px));
  }
  .legal-wrap {
    width: min(var(--legal), calc(100% - 28px));
  }
}
@media (max-width: 640px) {
  .header {
    position: static;
  }
  .header-inner {
    gap: 10px;
    padding: 12px 0 14px;
  }
  .header-logo {
    width: 86px;
    height: 54px;
  }
  .nav {
    gap: 8px 14px;
  }
  .nav a {
    font-size: 13px;
  }
  .simple-home {
    padding: 32px 0 44px;
  }
  .main-logo {
    width: min(270px, 76vw);
  }
  .simple-home h1 {
    margin-top: 18px;
    font-size: clamp(25px, 8vw, 34px);
    line-height: 1.15;
  }
  .socials {
    margin-top: 26px;
    gap: 14px;
  }
  .social-link {
    width: 54px;
    height: 54px;
    border-radius: 16px;
  }
  .legal-main {
    padding: 34px 0 56px;
  }
  .legal-title {
    font-size: clamp(32px, 10vw, 44px);
  }
  .legal-section {
    padding: 20px 0;
  }
  .legal-section h2 {
    font-size: 20px;
    line-height: 1.3;
  }
  .legal-section p,
  .legal-section li,
  .delete-intro {
    font-size: 15px;
  }
  .legal-section ul {
    padding-left: 19px;
  }
  .delete-card {
    margin-top: 26px;
    padding: 20px 16px;
    border-radius: 18px;
  }
  .delete-card h2 {
    font-size: 22px;
  }
  .step {
    gap: 11px;
  }
  .step-num {
    flex-basis: 28px;
    width: 28px;
    height: 28px;
    font-size: 13px;
  }
  .form input {
    min-height: 50px;
    font-size: 16px; /* prevents iOS zoom on focus */
  }
  .btn {
    width: 100%;
    min-height: 50px;
  }
  .security-note {
    font-size: 14px;
  }
  .footer-inner {
    min-height: 60px;
    justify-content: center;
  }
}
@media (max-width: 380px) {
  .container,
  .legal-wrap {
    width: calc(100% - 20px);
  }
  .nav {
    justify-content: center;
    gap: 7px 10px;
  }
  .nav a {
    font-size: 12px;
  }
  .header-logo {
    width: 78px;
  }
  .delete-card {
    padding: 18px 12px;
  }
}