@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color-scheme:dark;--bg:#050914;--panel:#0d1728;--line:#1b3a50;--cyan:#19e6ff;--violet:#9b5cff;--muted:#91a6bb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 78% -5%,#142b48 0,transparent 38%),radial-gradient(ellipse at 10% 55%,#171034 0,transparent 38%),var(--bg);color:#eff8ff;font:14px Inter,Arial,sans-serif;min-height:100vh}.layout{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}aside{position:sticky;top:0;height:100vh;background:#080f1def;border-right:1px solid var(--line);padding:28px 18px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}aside h2{font:700 22px Space Grotesk;color:var(--cyan);text-shadow:0 0 18px #19e6ff66;margin:4px 0 5px}aside small,main>small{color:#6e91a8;letter-spacing:2.2px;font-size:10px;font-weight:700}aside p{margin:36px 10px 12px;color:#5c7790;font-size:10px;letter-spacing:2px;font-weight:700}aside a{display:flex;align-items:center;gap:10px;margin:5px 0;padding:12px 13px;color:#9db3c8;text-decoration:none;border:1px solid transparent;border-radius:11px;transition:.2s}aside a:hover,aside a:focus{color:var(--cyan);background:#102538;border-color:#1b5065;box-shadow:0 0 20px #19e6ff13}main{max-width:1120px;width:100%;padding:38px 42px 110px;margin:0 auto}h1{font:700 clamp(26px,4vw,38px) "Space Grotesk";letter-spacing:-1px;margin:10px 0 24px;color:#f4fbff}section,.connect{position:relative;background:linear-gradient(145deg,#101c30ed,#0a1221f2);border:1px solid #1c3a50;border-radius:18px;padding:23px;margin:18px 0;box-shadow:0 12px 45px #0005,inset 0 1px #ffffff08}section:focus-within{border-color:#23617a}h3{margin:0 0 18px;color:var(--cyan);font:700 13px Space Grotesk;letter-spacing:1.7px;text-transform:uppercase}label{display:block;margin:14px 0;color:#c2d2e1;font-size:12px;font-weight:600}input,textarea{display:block;margin-top:8px;width:100%;padding:13px 14px;background:#060d19;border:1px solid #254158;color:#f5fbff;border-radius:10px;outline:none;font:13px Inter;transition:.2s}input:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #19e6ff18,0 0 18px #19e6ff10}input[type=color]{height:48px;padding:5px;max-width:100px}textarea{min-height:105px;resize:vertical}.toggle{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;border-bottom:1px solid #1b2d42}.toggle input{width:38px;height:20px;margin:0;accent-color:var(--cyan)}.connect{display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,1fr) auto;gap:12px;align-items:center;border-color:#246078}.connect b{font:700 14px Space Grotesk;color:var(--cyan)}.connect p,.note{color:var(--muted);font-size:11px;line-height:1.6}button{border:1px solid #2385a0;background:linear-gradient(120deg,#103d54,#312052);color:#bdf8ff;border-radius:10px;padding:13px 18px;font:800 11px Inter;letter-spacing:1.2px;box-shadow:0 0 20px #19e6ff16;cursor:pointer;transition:.2s}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 24px #19e6ff38;border-color:var(--cyan)}button:disabled{opacity:.4;cursor:not-allowed}footer{position:fixed;bottom:0;left:250px;right:0;background:#07101def;border-top:1px solid #1d3b51;padding:14px max(24px,calc((100vw - 1100px)/2));display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:4;color:#91a6bb}@media(max-width:760px){.layout{grid-template-columns:1fr}aside{position:sticky;height:auto;padding:13px 12px;z-index:5;border-right:0;border-bottom:1px solid var(--line)}aside h2{font-size:18px}aside p{display:none}aside a{display:inline-flex;padding:8px;font-size:11px;margin:5px 2px}main{padding:24px 14px 105px}.connect{grid-template-columns:1fr}.connect div{min-width:0}section{padding:18px}footer{left:0;padding:12px 16px}}