:root{color-scheme:dark;font-family:Arial,sans-serif;color:#f5ecf4;background:#0d0b12}*{box-sizing:border-box}body{margin:0}#gate{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#372032,transparent 65%)}.card{width:min(520px,100%);padding:40px;border:1px solid #70425e;border-radius:16px;background:#141019;box-shadow:0 20px 90px #0008}.card img{width:110px;height:110px;object-fit:contain;display:block;margin:0 auto 28px}.eyebrow{font-size:14px;letter-spacing:.16em;color:#efa4cc;text-align:center}h1{font-family:Georgia,serif;font-size:42px;font-weight:400;text-align:center;margin:12px 0 18px}.intro{font-size:16px;line-height:1.6;color:#d1c3d0;text-align:center;margin-bottom:28px}label{display:block;font-size:16px;margin-bottom:10px}input{width:100%;font-size:18px;background:#09080d;color:#fff;border:1px solid #88617c;border-radius:7px;padding:15px}button{cursor:pointer;border:1px solid #ef98c3;border-radius:7px;padding:14px 20px;background:#ef98c3;color:#20101c;font-weight:700;font-size:16px}button:disabled{opacity:.6;cursor:wait}input:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:4px}form button{width:100%;margin-top:16px}#feedback{font-size:15px;line-height:1.5;min-height:24px;color:#ffd5e8}.foot{text-align:center;color:#b5a3b2;font-size:14px;margin-top:24px}#workspace header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 20px;border-bottom:1px solid #563247;background:#141019}header strong{font-size:16px;color:#efa4cc}header span{display:block;font-size:12px;letter-spacing:.12em;margin-top:5px;color:#cab7c6}header button{background:transparent;color:#f6c0de;font-size:14px;padding:10px 14px}iframe{display:block;border:0;width:100%;height:calc(100dvh - 73px);background:#100c13}[hidden]{display:none!important}@media(max-width:520px){.card{padding:26px}h1{font-size:36px}#workspace header{padding:12px}header span{max-width:180px;font-size:11px}header button{max-width:140px}}
