@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
:root{--primary:#60c6dc;--primary-dark:#2ca9c2;--bg:#071116;--panel:#0f2028;--panel-soft:#132a34;--ink:#eefbff;--muted:#a8c3cc;--line:rgba(96,198,220,.22);--shadow:rgba(0,0,0,.34)}
*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',Arial,sans-serif}
body{min-height:100vh;padding:48px 24px 24px;color:var(--ink);background:radial-gradient(circle at top left,rgba(96,198,220,.18),transparent 34rem),linear-gradient(135deg,#071116 0%,#0b1820 100%);display:flex;align-items:flex-start;justify-content:center}
::selection{color:#061217;background:var(--primary)}
.page{width:min(1116px,100%);display:grid;grid-template-columns:360px minmax(0,705px);gap:51px;align-items:start;justify-content:center}
.tool-card,.menu{background:rgba(15,32,40,.92);border:1px solid var(--line);border-radius:8px;box-shadow:0 20px 50px var(--shadow)}
.menu{padding:14px}.menu a{display:block;padding:16px;border-radius:8px;color:var(--ink);text-decoration:none;background:var(--panel-soft);border:1px solid transparent}.menu a+a{margin-top:10px}.menu a:hover{border-color:var(--primary);color:var(--primary)}.menu strong{display:block;margin-bottom:6px;font-size:17px}.menu span{display:block;color:var(--muted);font-size:14px;line-height:1.5}
.wrapper{min-height:580px;padding:26px;transition:min-height .2s ease}.wrapper.active{min-height:580px}
header h1{font-size:30px;font-weight:700}header p{margin-top:6px;color:var(--muted);font-size:15px;line-height:1.6}
.wrapper .form{margin:22px 0 18px}.form :where(input,button){width:100%;height:54px;border:none;outline:none;border-radius:8px;transition:.15s ease}
.form input{font-size:16px;padding:0 16px;border:1px solid var(--line);color:var(--ink);background:#091820}.form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(96,198,220,.18)}.form input::placeholder{color:#78939d}
.form button{color:#061217;cursor:pointer;margin-top:14px;font-size:16px;font-weight:700;background:var(--primary)}.form button:hover{background:var(--primary-dark)}
#info{min-height:24px;color:var(--primary);font-size:14px}.qr-code{opacity:0;display:flex;padding:28px 0;border-radius:8px;align-items:center;pointer-events:none;justify-content:center;border:1px solid var(--line);background:#091820}.wrapper.active .qr-code{opacity:1;pointer-events:auto;transition:opacity .5s .05s ease}.qr-code img{width:190px;display:block}
@media(max-width:820px){body{padding:16px;align-items:flex-start}.page{grid-template-columns:1fr;gap:18px}.wrapper{min-height:545px;padding:22px 18px}.wrapper.active{min-height:545px}}