/* Stage456 client conversion, professional display and no-freeze terminal polish */
:root{--q456-panel:rgba(7,18,32,.94);--q456-line:rgba(52,241,187,.22);--q456-text:#f2fbff;--q456-muted:#98b1c1;--q456-green:#32f3b2;--q456-cyan:#65ddff;--q456-gold:#f4c760}
.q456-section{position:relative;max-width:1200px;margin:26px auto;padding:32px;border:1px solid var(--q456-line);border-radius:30px;background:radial-gradient(circle at 0 0,rgba(50,243,178,.18),transparent 32%),radial-gradient(circle at 96% 8%,rgba(244,199,96,.13),transparent 30%),linear-gradient(145deg,rgba(9,24,42,.96),rgba(4,10,19,.9));box-shadow:0 28px 100px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.055);overflow:hidden}
.q456-head{display:flex;justify-content:space-between;gap:22px;align-items:flex-end;margin-bottom:24px}.q456-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--q456-green);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.18em}.q456-kicker:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--q456-green);box-shadow:0 0 22px var(--q456-green);animation:q456Pulse 1.4s infinite}.q456-head h2{max-width:930px;margin:9px 0;color:var(--q456-text);font-size:clamp(30px,4.2vw,54px);line-height:1.02;letter-spacing:-.045em}.q456-head p{max-width:930px;margin:0;color:var(--q456-muted);line-height:1.75}
.q456-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.q456-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.q456-card{position:relative;padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:linear-gradient(180deg,rgba(17,43,70,.8),rgba(6,15,27,.78));min-height:184px;overflow:hidden}.q456-icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:16px;background:linear-gradient(135deg,rgba(50,243,178,.18),rgba(244,199,96,.17));border:1px solid rgba(50,243,178,.26);font-style:normal}.q456-card h3{margin:14px 0 8px;color:white;font-size:19px}.q456-card p,.q456-card li{color:var(--q456-muted);font-size:14px;line-height:1.65}.q456-card ul{margin:10px 0 0;padding-left:18px}
.q456-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.q456-mode{padding:24px;border-radius:28px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045)}.q456-mode.demo{border-color:rgba(101,221,255,.23)}.q456-mode.real{border-color:rgba(244,199,96,.29)}.q456-mode h3{margin:0 0 10px;color:white;font-size:26px}.q456-mode p{color:var(--q456-muted);line-height:1.7}.q456-pill{display:inline-flex;margin-bottom:12px;padding:7px 11px;border-radius:999px;background:rgba(50,243,178,.1);border:1px solid rgba(50,243,178,.25);color:var(--q456-green);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.14em}.q456-profit-note{margin-top:14px;padding:14px;border:1px solid rgba(50,243,178,.24);border-radius:18px;background:linear-gradient(135deg,rgba(50,243,178,.1),rgba(244,199,96,.08));color:#dfffee;line-height:1.55}
.q456-roadmap{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.q456-step{padding:17px;border:1px solid rgba(101,221,255,.16);border-radius:21px;background:rgba(255,255,255,.04)}.q456-step b{display:block;color:var(--q456-green);font-size:12px;letter-spacing:.14em}.q456-step h3{margin:8px 0;color:white;font-size:16px}.q456-step p{margin:0;color:var(--q456-muted);font-size:13px;line-height:1.55}
.q456-terminal-panel{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.q456-wire{padding:18px;border-radius:24px;border:1px solid rgba(50,243,178,.2);background:linear-gradient(145deg,rgba(11,31,52,.78),rgba(4,12,22,.78))}.q456-wire h3{margin:0 0 10px;color:white}.q456-wire p{color:var(--q456-muted);line-height:1.65}.q456-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.q456-status-grid div{padding:12px;border-radius:15px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08)}.q456-status-grid small{display:block;color:var(--q456-muted);text-transform:uppercase;font-size:10px;letter-spacing:.11em}.q456-status-grid strong{display:block;margin-top:4px;color:#fff}
.q456-auth-banner{position:fixed;right:18px;bottom:18px;z-index:1300;width:min(440px,calc(100vw - 36px));padding:17px;border:1px solid rgba(50,243,178,.26);border-radius:24px;background:linear-gradient(145deg,rgba(8,22,37,.97),rgba(4,10,18,.94));box-shadow:0 26px 90px rgba(0,0,0,.46);color:var(--q456-text);backdrop-filter:blur(18px)}.q456-auth-banner h3{margin:0 0 7px;font-size:16px}.q456-auth-banner p{margin:0 0 12px;color:var(--q456-muted);font-size:13px;line-height:1.55}.q456-auth-actions{display:flex;gap:8px}.q456-auth-actions a,.q456-auth-actions button{flex:1;border:0;border-radius:14px;padding:10px 12px;font-weight:950;text-decoration:none;text-align:center;cursor:pointer}.q456-auth-actions a{background:linear-gradient(135deg,var(--q456-green),#95ffe0);color:#02110d}.q456-auth-actions button{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:var(--q456-text)}
body.q456-authorized #oauthLoginBtn,body.q456-authorized #oauthSignupBtn,body.q456-authorized #heroLoginBtn{display:none!important}body.q456-authorized #heroRegisterTitle{color:var(--q456-green)!important}body.q456-authorized #heroRegisterSubtitle{color:#dfffee!important}.q456-terminal-ready #workspaceLoader,.q456-terminal-ready .workspace-loader,.q456-terminal-ready #loadingOverlay,.q456-terminal-ready .loading-overlay{display:none!important;opacity:0!important;pointer-events:none!important}.q456-auth-only{display:none}body.q456-authorized .q456-auth-only{display:block}body.q456-authorized .q456-guest-only{display:none!important}
.q456-academy-table{display:grid;gap:10px}.q456-academy-row{display:grid;grid-template-columns:1fr 1.5fr .7fr;gap:12px;padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.045);color:var(--q456-muted)}.q456-academy-row strong{color:white}.q456-account-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(50,243,178,.1);border:1px solid rgba(50,243,178,.24);color:var(--q456-green);font-weight:900}
@keyframes q456Pulse{0%,100%{transform:scale(.9);opacity:.6}50%{transform:scale(1.25);opacity:1}}@media(max-width:980px){.q456-head{display:block}.q456-grid,.q456-grid.cols-4,.q456-mode-grid,.q456-roadmap,.q456-terminal-panel,.q456-status-grid{grid-template-columns:1fr}.q456-section{padding:21px;border-radius:24px}.q456-auth-banner{position:static;width:auto;margin:16px}.q456-academy-row{grid-template-columns:1fr}}