:root{
  --bg:#0f1116; --panel:#171a22; --panel2:#1b1f2a;
  --text:#e8eef6; --muted:#9fb3c8; --ok:#47e1a8;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; padding:24px; background:var(--bg); color:var(--text);
  font-family:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Arial, sans-serif;
  display:flex; justify-content:center;
}

/* CARD */
.card{
  width:min(700px,100%); padding:28px; background:var(--panel2);
  border:1px solid #262a3a; border-radius:16px; box-shadow:0 10px 40px rgba(0,0,0,.35);
}
.header{display:flex; gap:16px; align-items:center; margin-bottom:12px}
.logo{display:block; width:46px; height:46px; border-radius:10px}
h1{margin:0; font-size:1.35rem}
.lead{margin:6px 0 18px; color:var(--muted)}
.privacy{
  padding:12px; border-radius:12px; background:#0f1814; border:1px solid #254634; color:#b8f5d6;
  margin-bottom:18px;
}

label{display:block; margin-top:14px; color:var(--muted); font-size:.92rem}
input[type="email"], input[type="text"]{
  width:100%; padding:12px; margin-top:6px; background:#0f121a; color:var(--text);
  border:1px solid #273047; border-radius:10px;
}
input:focus{outline:none; border-color:#3c78ff; box-shadow:0 0 0 3px #3c78ff33}

.btn{
  width:100%; margin-top:22px; padding:14px; border:none; border-radius:12px;
  background:linear-gradient(180deg,#86ddff,#4dc2ff); color:#041118; font-weight:700; cursor:pointer;
  box-shadow:0 8px 24px #48baff55;
}
.ok{
  margin-top:16px; padding:12px; border-radius:12px;
  background:#0f1814; border:1px solid #254634; color:#b8f5d6;
}
.footer{margin-top:20px; text-align:center; color:var(--muted); font-size:.85rem}

/* Advanced toggle */
.adv-toggle{
  margin-top:16px; width:100%; text-align:left; padding:10px 12px;
  background:#131622; color:#cfe3ff; border:1px solid #28314a;
  border-radius:10px; cursor:pointer; font-weight:600;
}
.adv-toggle:hover{background:#161a29}
.adv-caret{float:right; opacity:.75}

/* Advanced panel */
.advanced{
  margin-top:10px; padding:12px; border-radius:12px;
  background:#101421; border:1px solid #28314a;
}
.advanced[hidden]{display:none}
.advanced legend{color:#cfe3ff; padding:0 6px}
.radio-row{margin-top:8px}
.radio{
  display:flex; gap:10px; align-items:flex-start; color:#d6e6ff;
}
.radio input{margin-top:2px}
.hint{margin-top:8px; font-size:.86rem; color:#9fb3c8}

/* BLOCK PAGE */
.block{
  width:min(700px,100%); padding:32px; background:linear-gradient(180deg,#2a0f17,#1c0a10);
  border:1px solid #552432; border-radius:20px; text-align:center; color:#ffd6df;
  box-shadow:0 10px 40px rgba(0,0,0,.45), 0 0 60px #ff4c6f33;
}
.block-icon{font-size:70px; margin-bottom:10px; filter:drop-shadow(0 4px 15px #ff6b8199)}
.block-text{margin-bottom:20px; line-height:1.6}
.tools{display:flex; gap:10px; justify-content:center; margin-top:12px; flex-wrap:wrap}
.toolbtn{
  padding:10px 14px; border-radius:12px; background:#3a1a24; border:1px solid #723445;
  color:#ffd6df; cursor:pointer; font-weight:600; box-shadow:0 4px 15px #ff6b8177;
}
.toolbtn:hover{background:#4a1f2d}
.copied{color:#b8f5d6}
.steps{color:#ffdbe3; border-top:1px solid #61303d; padding-top:12px; margin-top:12px}