:root{font-family:Manrope,Segoe UI,sans-serif;line-height:1.4;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fcfcfc}*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#15191f}#root{min-height:100svh}.app-shell{min-height:100svh;display:grid;justify-items:center;align-items:start;padding:1rem}.card{width:min(460px,100%);background:#1f252e;border:none;border-radius:5px;box-shadow:0 18px 34px #00000059;padding:1.2rem;display:flex;flex-direction:column;gap:1rem;position:relative}.info-module{position:absolute;top:.85rem;right:.85rem;display:flex;flex-direction:column;align-items:flex-end;z-index:20}.info-trigger{width:30px;height:30px;border-radius:999px;border:none;background:#15191f;color:#c4d8ff;font-size:.95rem;font-weight:700;cursor:pointer}.info-trigger:hover{background:#29313d}.info-panel{margin-top:.45rem;width:min(220px,68vw);border:none;border-radius:10px;background:#15191f;padding:.7rem;display:flex;flex-direction:column;gap:.45rem;box-shadow:0 12px 24px #00000059;position:relative;z-index:21}.info-close{align-self:flex-end;border:none;background:#ffffff08;color:#b3bccc;width:22px;height:22px;border-radius:999px;position:relative;padding:0;cursor:pointer}.info-close:before,.info-close:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:1.5px;border-radius:1px;background:currentColor}.info-close:before{transform:translate(-50%,-50%) rotate(45deg)}.info-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.info-close:hover{color:#fcfcfc;background:#c4d8ff29}.card-header{display:flex;align-items:center;gap:.5rem;margin-top:.1rem}.brand-logo{display:block;width:58px;height:auto;flex-shrink:0}.brand-text{display:flex;flex-direction:column;gap:.16rem}.brand-name{margin:0;text-transform:uppercase;letter-spacing:.08em;color:#fcfcfc;font-size:.92rem;font-weight:700;line-height:1}.header-title{margin:0;text-transform:uppercase;letter-spacing:.08em;color:#b3bccc;font-size:.76rem;font-weight:600;line-height:1}.meta{margin:0;color:#c4d8ff;font-size:.92rem}.login-block{display:flex;flex-direction:column;gap:.65rem}.generate-block{display:flex;flex-direction:column;gap:.65rem;margin-top:.2rem}.generated-link-block{display:flex;flex-direction:column;gap:.35rem;margin-top:.25rem}.password-input{width:100%;border:1px solid rgba(196,216,255,.35);border-radius:12px;padding:.8rem .9rem;font-size:1rem;background:#1f252e;color:#fcfcfc;outline:none}.password-input::placeholder{color:#8594ad}.password-input:focus{border-color:#c4d8ff59;box-shadow:none}.open-button{border:0;border-radius:8px;padding:.95rem 1rem;font-size:1rem;font-weight:600;background:#c4d8ff;color:#15191f;box-shadow:0 4px 12px #15191f29;transition:background-color .18s ease,transform .14s ease}.open-button:hover:not(:disabled){background:#b3bccc}.open-button:active:not(:disabled){transform:translateY(1px)}.open-button:disabled{opacity:.45;box-shadow:none}.action-row{display:block;padding:.5rem .45rem .55rem}.gate-button{width:100%;min-height:62px;padding:1.15rem 1.25rem;margin:.1rem 0;font-size:1.08rem;border-radius:10px}.secondary-button{border:1px solid rgba(196,216,255,.4);border-radius:8px;padding:.95rem 1rem;font-size:1rem;font-weight:600;background:#1f252e;color:#fcfcfc;transition:background-color .18s ease}.secondary-button:hover:not(:disabled){background:#29313d}.secondary-button:disabled{opacity:.5}.info-logout{margin-top:.2rem;width:100%;padding:.7rem .85rem;font-size:.92rem;border:1px solid rgba(196,216,255,.4);background:#15191f}.status{display:flex;flex-direction:column;gap:.45rem;font-size:.9rem}.status p{margin:0}.error{color:#ff9680}.success{color:#26bf63}code{padding:.1rem .35rem;border-radius:.35rem;background:#c4d8ff29;color:#fcfcfc}