@font-face{font-family:TrafogonPixel;src:url('/static/assets/8bitoperatorJVE.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:TrafogonSymbols;src:url('/static/assets/pixelify-sans.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}

.pixel-inner{--pi-bg:#061421;--pi-panel:#0a1b2d;--pi-panel-2:#0d2236;--pi-ink:#f5eedc;--pi-muted:#b8c5d4;--pi-dim:#8292a3;--pi-amber:#ffd066;--pi-copper:#a96938;--pi-line:#385069;--pi-paper:#f1d9aa;--pi-paper-2:#e6c98f;--pi-paper-ink:#29241d;margin:0;background:#061421;color:var(--pi-ink);font:400 20px/1.42 TrafogonPixel,TrafogonSymbols,monospace;font-synthesis:none;overflow-x:hidden}
.pixel-inner *{box-sizing:border-box}
.pixel-inner img{image-rendering:pixelated}
.pixel-inner svg{shape-rendering:crispEdges}
.pixel-inner h1,.pixel-inner h2,.pixel-inner h3,.pixel-inner p{font-family:inherit;font-weight:400}
.pixel-inner a{color:inherit}
.pixel-inner a:focus-visible,.pixel-inner button:focus-visible,.pixel-inner input:focus-visible,.pixel-inner summary:focus-visible{outline:3px solid var(--pi-amber);outline-offset:4px}

/* The same compact wordmark and copper-edged navigation used by the landing. */
.pixel-inner .navbar-custom{position:sticky;z-index:70;top:0;max-width:none;min-height:86px;margin:0;padding:12px max(32px,calc((100vw - 1240px)/2));background:#041222f2;border:0;border-bottom:2px solid #654128;border-radius:0;box-shadow:0 5px 0 #020b14;backdrop-filter:none}
.pixel-inner .nav-brand{display:block;width:190px;height:64px;flex:0 0 190px;background:url('/static/assets/wordmark-v4.png') center/contain no-repeat}
.pixel-inner .nav-logo,.pixel-inner .nav-wordmark{display:none}
.pixel-inner .nav-link{font:400 19px/1.1 TrafogonPixel,TrafogonSymbols,monospace;color:var(--pi-muted)}
.pixel-inner .nav-link:after{display:none}
.pixel-inner .nav-link:hover{color:var(--pi-amber)}
.pixel-inner .nav-cabinet-actions{gap:16px}

/* Shared pixel controls. */
.pixel-inner .btn-primary,.pixel-inner .btn-ghost,.pixel-inner .btn-copy{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border:2px solid #ffbd53;border-radius:0;background:#ef7b16;color:#fff7e5;font:400 20px/1.1 TrafogonPixel,TrafogonSymbols,monospace;text-decoration:none;box-shadow:inset 0 3px #ffaa37,inset 0 -3px #b9470c,3px 3px 0 #382215;transition:transform .12s,background .12s}
.pixel-inner .btn-primary:hover,.pixel-inner .btn-copy:hover{background:#ff9527;color:#fff;transform:translateY(-2px);filter:none}
.pixel-inner .btn-ghost{border-color:#71859a;background:#0b2034;color:var(--pi-ink);box-shadow:3px 3px 0 #020b15}
.pixel-inner .btn-ghost:hover{border-color:var(--pi-amber);background:#132d45;color:#fff;transform:translateY(-2px)}
.pixel-inner input{border-radius:0!important;font-family:TrafogonPixel,TrafogonSymbols,monospace}

/* Cabinet: functional workshop console rather than a generic SaaS dashboard. */
.pixel-cabinet .page{min-height:100vh;background:linear-gradient(#04101dcc,#061421f4 560px),url('/static/assets/features-room-v6.png') top center/1774px auto no-repeat,repeating-linear-gradient(0deg,#0a1b2d 0 62px,#081725 62px 65px)}
.pixel-cabinet .cabinet{max-width:1240px;padding:70px 40px 110px}
.pixel-cabinet .cabinet-head{align-items:end;margin-bottom:38px;padding:28px 30px;border-left:6px solid var(--pi-copper);background:#071727d9;box-shadow:6px 6px 0 #020b14}
.pixel-cabinet .cabinet-head h1{margin:0 0 10px;color:var(--pi-ink);font:400 48px/1.05 TrafogonPixel,TrafogonSymbols,monospace;letter-spacing:0}
.pixel-cabinet .cabinet-head p{max-width:670px;color:var(--pi-muted);font-size:22px;line-height:1.35}
.pixel-cabinet .cabinet-account{padding:9px 13px;border:1px solid var(--pi-line);border-radius:0;background:#0a1c2e;color:var(--pi-amber);font:400 17px/1.2 TrafogonPixel,TrafogonSymbols,monospace}
.pixel-cabinet .cabinet-layout{grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr);gap:26px}
.pixel-cabinet .cabinet-main,.pixel-cabinet .cabinet-side{gap:26px}
.pixel-cabinet .cabinet-card,.pixel-cabinet .skeleton-card,.pixel-cabinet .cabinet-error{padding:28px 30px;border:2px solid var(--pi-line);border-radius:0;background:#091a2bdc;color:var(--pi-ink);box-shadow:inset 0 0 0 3px #020b1438,6px 6px 0 #020b15}
.pixel-cabinet .cabinet-card h3,.pixel-cabinet .instructions-title,.pixel-cabinet .connect-title{margin:0 0 12px;color:var(--pi-ink);font:400 25px/1.15 TrafogonPixel,TrafogonSymbols,monospace;letter-spacing:0}
.pixel-cabinet .connect-title{font-size:30px}
.pixel-cabinet .cabinet-card>p,.pixel-cabinet .instructions-list li,.pixel-cabinet .notice-body{color:var(--pi-muted);font-size:18px;line-height:1.45}
.pixel-cabinet .cabinet-label{color:var(--pi-amber);font-size:17px}
.pixel-cabinet .cabinet-connect-card{border-color:#a66b39;background:linear-gradient(155deg,#102a3c,#071725 72%)}
.pixel-cabinet .connect-head{margin-bottom:24px}
.pixel-cabinet .status-pill{padding:7px 12px;border:2px solid #57905a;border-radius:0;background:#12351d;color:#a5ef82;font:400 16px/1 TrafogonPixel,TrafogonSymbols,monospace;box-shadow:2px 2px 0 #020b15}
.pixel-cabinet .status-pill.is-expired{border-color:#9c5545;background:#3a1714;color:#f1a28d}
.pixel-cabinet .sub-link-row{gap:12px;margin-block:8px 20px}
.pixel-cabinet .sub-link-input,.pixel-cabinet .invite-input{min-height:48px;padding:10px 13px;border:2px solid #50677d;border-radius:0;background:#03101e;color:var(--pi-ink);font-size:16px}
.pixel-cabinet .btn-copy{border-color:#77a0bd;background:#155172;color:#eff8ff;box-shadow:inset 0 3px #26789b,inset 0 -3px #0a314a,3px 3px 0 #020b15}
.pixel-cabinet .countdown-bar{height:12px;border:2px solid #3f566c;border-radius:0;background:#03101d;box-shadow:inset 2px 2px #01070d}
.pixel-cabinet .countdown-fill{border-radius:0;background:#78d360;transition:width 1s steps(10,end),background .2s}
.pixel-cabinet .countdown{color:#a5ef82;font-size:16px}
.pixel-cabinet .refresh-hint,.pixel-cabinet .side-note,.pixel-cabinet .invite-note,.pixel-cabinet .terms-note{color:var(--pi-dim);font-size:16px;line-height:1.4}
.pixel-cabinet .wallet-balance{color:var(--pi-amber);font:400 46px/1 TrafogonPixel,TrafogonSymbols,monospace}
.pixel-cabinet .wallet-rate-value{color:var(--pi-ink);font-size:21px}.pixel-cabinet .wallet-rate small{color:var(--pi-muted);font-size:15px}
.pixel-cabinet .wallet-discount{border-left:4px solid #6ca85a;border-radius:0;background:#12331e;color:#a5ef82;font-size:16px}
.pixel-cabinet .topup-presets{gap:10px}.pixel-cabinet .topup-preset{font-size:17px}
.pixel-cabinet .instructions-list{gap:13px;padding-left:28px}.pixel-cabinet .instructions-list li::marker{color:var(--pi-amber)}
.pixel-cabinet .app-links{grid-template-columns:repeat(3,1fr);gap:12px}
.pixel-cabinet .app-link{min-height:120px;padding:18px;border:2px solid var(--pi-line);border-radius:0;background:#071523;color:var(--pi-ink);box-shadow:3px 3px 0 #020b15}
.pixel-cabinet .app-link:hover{border-color:var(--pi-amber);color:#fff;transform:translateY(-2px)}
.pixel-cabinet .app-link b{color:var(--pi-ink);font-size:18px}.pixel-cabinet .app-link small{color:var(--pi-dim);font-size:15px}.pixel-cabinet .app-icon{color:var(--pi-amber)}.pixel-cabinet .app-icon svg{width:30px;height:30px}
.pixel-cabinet .cabinet-card-accent{border-color:#bc7b3d;background:linear-gradient(145deg,#172c3c,#091a2b 68%)}
.pixel-cabinet .side-list{gap:11px}.pixel-cabinet .side-list li{color:var(--pi-muted);font-size:17px}.pixel-cabinet .side-list li:before{color:var(--pi-amber)}
.pixel-cabinet .invite-box,.pixel-cabinet .invite-done,.pixel-cabinet .link-code-box,.pixel-cabinet .terms-toggle{border-color:var(--pi-line)}
.pixel-cabinet .invite-title{color:var(--pi-ink);font-size:18px}.pixel-cabinet .invite-form{gap:10px}
.pixel-cabinet .terms-toggle>summary{color:var(--pi-amber);font-size:17px}.pixel-cabinet .terms-list li{color:var(--pi-muted);font-size:15px}
.pixel-cabinet .payments-table{font-size:16px}.pixel-cabinet .payments-table th{color:var(--pi-amber);font-size:14px}.pixel-cabinet .payments-table td{border-color:var(--pi-line);color:var(--pi-muted)}
.pixel-cabinet .side-mail{color:var(--pi-amber);font:400 16px/1.3 TrafogonPixel,TrafogonSymbols,monospace}
.pixel-cabinet .skeleton-line{height:16px;border-radius:0;background:linear-gradient(90deg,#102437 25%,#1b3951 37%,#102437 63%);background-size:400% 100%}

/* Legal pages: a readable paper document lying inside the same workshop. */
.pixel-legal .page{min-height:100vh;padding-bottom:90px;background:linear-gradient(#04101db8,#04101de8),url('/static/assets/comparison-room-v8.png') top center/cover fixed no-repeat}
.pixel-legal .legal{padding:70px 28px 30px}
.pixel-legal .legal-inner{position:relative;max-width:940px;padding:58px 70px 68px;background:var(--pi-paper);color:var(--pi-paper-ink);border:12px solid #5b351f;box-shadow:inset 0 0 0 4px #c38c49,12px 12px 0 #020b15}
.pixel-legal .legal-inner:before,.pixel-legal .legal-inner:after{content:'';position:absolute;width:12px;height:12px;background:#d59a4b;border:3px solid #2c1c13;top:-7px}.pixel-legal .legal-inner:before{left:-7px}.pixel-legal .legal-inner:after{right:-7px}
.pixel-legal .legal-back{margin-bottom:28px;color:#765737;font-size:18px;text-decoration:none}.pixel-legal .legal-back:hover{color:#a14f19}
.pixel-legal .legal-title{margin:0 0 12px;color:var(--pi-paper-ink);font:400 45px/1.08 TrafogonPixel,TrafogonSymbols,monospace;letter-spacing:0}
.pixel-legal .legal-updated{padding-bottom:24px;margin-bottom:28px;border-bottom:2px dashed #9c805d;color:#765f44;font-size:17px}
.pixel-legal .legal-lead{padding:18px 20px;margin-bottom:14px;border:0;border-left:5px solid #a96532;border-radius:0;background:#e5c994;color:#352e24;font-size:19px;line-height:1.5}
.pixel-legal .legal-section{margin-top:38px}.pixel-legal .legal-section h2{margin:0 0 16px;padding-bottom:9px;border-bottom:2px solid #b5966d;color:#2e281f;font:400 27px/1.18 TrafogonPixel,TrafogonSymbols,monospace}
.pixel-legal .legal-section p,.pixel-legal .legal-section li{color:#4a4032;font-size:18px;line-height:1.55}.pixel-legal .legal-section p{margin-bottom:15px}.pixel-legal .legal-section li{margin-bottom:9px}.pixel-legal .legal-section li::marker{color:#9b5c2f}
.pixel-legal .legal-foot{margin-top:48px;padding-top:24px;border-top:2px dashed #9c805d;color:#69563f;font-size:17px;line-height:1.5}.pixel-legal .legal-foot a{color:#9b4f1e}

/* Bootstrap modals opened from the inner pages also use the same console styling. */
.pixel-inner .auth-modal{border:3px solid #b88443;border-radius:0;background:#071525;color:var(--pi-ink);font-family:TrafogonPixel,TrafogonSymbols,monospace;box-shadow:8px 8px 0 #020b15}.pixel-inner .auth-modal .modal-title{color:var(--pi-ink);font-size:27px}.pixel-inner .auth-modal p,.pixel-inner .auth-modal label{font-size:17px}.pixel-inner .auth-input{border:2px solid #50677d;border-radius:0;background:#03101e;color:var(--pi-ink);font-size:19px}

@media(max-width:980px){.pixel-cabinet .cabinet-layout{grid-template-columns:1fr}.pixel-cabinet .cabinet{padding-inline:28px}.pixel-legal .legal-inner{padding:48px 48px 58px}}
@media(max-width:760px){.pixel-inner{font-size:18px}.pixel-inner .navbar-custom{min-height:82px;padding:9px 20px}.pixel-inner .nav-brand{width:145px;height:58px;flex-basis:145px}.pixel-inner .nav-cabinet-actions{gap:10px}.pixel-inner .nav-cabinet-actions .nav-link{display:none}.pixel-inner .navbar-custom .btn-ghost{min-height:42px;padding:9px 13px;font-size:17px}.pixel-cabinet .cabinet{padding:46px 20px 80px}.pixel-cabinet .cabinet-head{display:block;padding:24px 22px}.pixel-cabinet .cabinet-head h1{font-size:38px}.pixel-cabinet .cabinet-head p{font-size:19px}.pixel-cabinet .cabinet-account{display:block;width:max-content;max-width:100%;margin-top:20px;overflow:hidden;text-overflow:ellipsis}.pixel-cabinet .cabinet-card,.pixel-cabinet .skeleton-card,.pixel-cabinet .cabinet-error{padding:24px 20px}.pixel-cabinet .connect-head{display:block}.pixel-cabinet .status-pill{display:inline-block;margin-top:12px}.pixel-cabinet .connect-title{font-size:26px}.pixel-cabinet .app-links{grid-template-columns:1fr}.pixel-legal .page{padding-bottom:50px;background-attachment:scroll}.pixel-legal .legal{padding:38px 16px 20px}.pixel-legal .legal-inner{padding:36px 24px 46px;border-width:7px;box-shadow:6px 6px 0 #020b15}.pixel-legal .legal-title{font-size:35px}.pixel-legal .legal-lead{font-size:18px}.pixel-legal .legal-section h2{font-size:24px}.pixel-legal .legal-section p,.pixel-legal .legal-section li{font-size:17px}}
@media(max-width:480px){.pixel-inner .nav-brand{width:128px;flex-basis:128px}.pixel-cabinet .wallet-head{display:block}.pixel-cabinet .wallet-rate{margin-top:22px;text-align:left}.pixel-legal .legal-title{font-size:31px}.pixel-legal .legal-inner{padding-inline:19px}}
@media(prefers-reduced-motion:reduce){.pixel-inner *,.pixel-inner *:before,.pixel-inner *:after{animation:none!important;transition:none!important}}

/* Cabinet sections keep the workshop cards while showing one task at a time. */
.pixel-cabinet .cabinet-layout{grid-template-columns:minmax(0,1fr);gap:26px;scroll-margin-top:100px}
.pixel-cabinet .cabinet-nav{position:static;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;min-width:0}
.pixel-cabinet .cabinet-nav-button{min-height:48px;padding:12px 16px;text-align:center;font:400 20px/1.15 TrafogonPixel,TrafogonSymbols,monospace;color:var(--pi-muted);background:#091a2bdc;border:2px solid var(--pi-line);box-shadow:3px 3px 0 #020b15;cursor:pointer}
.pixel-cabinet .cabinet-nav-button:hover{border-color:var(--pi-copper);color:var(--pi-ink)}
.pixel-cabinet .cabinet-nav-button.is-active{border-color:var(--pi-amber);background:#173044;color:var(--pi-amber)}
.pixel-cabinet .cabinet-nav-button:focus-visible{outline:2px solid var(--pi-amber);outline-offset:4px}
.pixel-cabinet .cabinet-content{min-width:0}
.pixel-cabinet .cabinet-panel{display:grid;gap:26px;min-width:0}
.pixel-cabinet .cabinet-panel[hidden],.pixel-cabinet .cabinet-nav-button[hidden]{display:none}
@media(max-width:760px){
  .pixel-cabinet .cabinet{padding-top:26px}
  .pixel-cabinet .cabinet-head{margin-bottom:24px;padding:18px 20px}
  .pixel-cabinet .cabinet-head h1{font-size:32px}
  .pixel-cabinet .cabinet-head p{font-size:17px}
  .pixel-cabinet .cabinet-account{margin-top:12px;font-size:15px}
  .pixel-cabinet .cabinet-layout{grid-template-columns:minmax(0,1fr);gap:20px}
  .pixel-cabinet .cabinet-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .pixel-cabinet .cabinet-nav-button{padding:10px 5px;min-height:44px;text-align:center;font-size:17px;overflow-wrap:anywhere}
  .pixel-cabinet .cabinet-panel{gap:20px}
}
/* A selected section appears immediately, even if its cards were hidden during scroll setup. */
.pixel-cabinet .cabinet-panel .cabinet-card.reveal{opacity:1;transform:none;transition:none}
@media(max-width:760px){
  .pixel-cabinet .cabinet-head h1{margin-bottom:0}
  .pixel-cabinet .cabinet-head p{display:none}
}

/* Keep the account beside logout and reserve a clear gap after the wordmark. */
.pixel-cabinet .navbar-custom{display:flex;flex-wrap:nowrap;gap:24px}
.pixel-cabinet .nav-cabinet-actions{flex:1 1 0;min-width:0;justify-content:flex-end}
.pixel-cabinet .nav-cabinet-actions .nav-link,.pixel-cabinet #logoutBtn{flex:0 0 auto}
.pixel-cabinet .nav-account-email{display:block;flex:0 1 320px;min-width:0;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pi-amber);font:400 17px/1.2 TrafogonPixel,TrafogonSymbols,monospace}
@media(max-width:760px){
  .pixel-cabinet .navbar-custom{gap:20px}
  .pixel-cabinet .nav-account-email{flex:1 1 0;max-width:none;font-size:15px}
}