@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@500;700&family=Syne:wght@600;700&display=swap");:root{--bg:linear-gradient(140deg,#071026,#0f2d46 42%,#173a57);--card:hsla(0,0%,100%,.06);--text:#f2f7ff;--muted:#aec8dc;--accent:#54d6b2;--accent-dark:#27a985}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Manrope,Segoe UI,sans-serif}body{padding:2.25rem 1rem}.page{max-width:980px;margin:0 auto}.card{background:var(--card);border:1px solid hsla(0,0%,100%,.11);border-radius:18px;padding:1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}h1{font-family:Syne,serif;letter-spacing:.02em;margin:0 0 .2rem}p{color:var(--muted)}form{grid-gap:.7rem;gap:.7rem;margin-top:1rem}form,label{display:grid}label{grid-gap:.35rem;gap:.35rem;font-size:.95rem}button,input,select,textarea{border:1px solid hsla(0,0%,100%,.22);border-radius:10px;padding:.6rem .75rem;background:rgba(6,16,34,.55);color:var(--text);width:100%;font:inherit}textarea{min-height:76px}button{margin-top:.45rem;background:linear-gradient(120deg,#1cbf8c,#44d9a3);color:#042015;border:none;font-weight:700;cursor:pointer}button:hover{background:linear-gradient(120deg,#30ddad,#16b78c)}.error{color:#ff9595;margin-top:.85rem}.toggle{grid-template-columns:auto 1fr;align-items:center;display:grid}pre{white-space:pre-wrap;background:rgba(0,0,0,.18);border:1px dashed hsla(0,0%,100%,.16);border-radius:10px;padding:.9rem;overflow:auto}