:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#08111e;color:#edf7ff}body{margin:0;background:radial-gradient(circle at 15% 0,#1b4160,#08111e 55%);min-height:100vh}main{max-width:1080px;margin:auto;padding:32px 20px}header p{color:#8ba8bd}h1{letter-spacing:.03em}section,article,details{background:#122534b8;border:1px solid #6bb8d330;border-radius:18px;padding:20px;margin:16px 0;box-shadow:0 18px 44px #0003}article{background:#0c1a25}label{display:grid;gap:8px;max-width:440px;margin:16px 0}input{font:inherit;color:inherit;border:1px solid #52748a;background:#071725;border-radius:9px;padding:12px}button{font:inherit;background:#22c7bb;color:#061b22;border:0;border-radius:10px;padding:11px 18px;cursor:pointer}button:hover{background:#69e3d7}nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}a{color:#7ed1ff;text-decoration:none}p{overflow-wrap:anywhere;line-height:1.7}h3,summary{overflow-wrap:anywhere}summary{cursor:pointer}form{display:inline-block}label input{display:block}details article{margin-inline:12px}@media(max-width:600px){main{padding:18px 10px}section,article,details{padding:14px}nav{gap:14px}}