/* Formal technology theme 1.0.2. Product screenshots remain unchanged. */
:root { --bg:#0b1120; --panel:#121c2c; --border:#2a384c; --muted:#adbbcd; --text:#edf2f8; --pink:#8bb8f4; --purple:#397bd8; --cyan:#8bb8f4; }
body,body.is-home,body.is-partner { background:#0b1120; background-image:none; }
body.is-partner::before,.ambient,#particles { display:none; }
*,*::before,*::after { text-shadow:none!important; }
.header { background:#0d1524; border-bottom:1px solid #243146; }
.brand img { filter:grayscale(1) brightness(1.4); }
.brand strong { font-weight:700; }
.main-nav a { letter-spacing:0; }
.main-nav a:hover,.text-link,.auth-switch a,.auth-art a { color:#8bb8f4; }
.main-nav a.active:after { background:#5796ed; box-shadow:none; height:2px; }
.login-button,.outline { background:#142033; border-color:#3d506a; box-shadow:none; }
.login-button:hover,.outline:hover { background:#1c2b41; border-color:#6480a4; box-shadow:none; }
.primary { background:#2868c3; border-color:#387bd5; box-shadow:none; }
.primary:hover { background:#3276d4; box-shadow:none; transform:none; }
.button { border-radius:6px; }
.hero { margin-top:0; padding-top:0; background:#0e1727; border-bottom:1px solid #243146; }
.hero:after { display:none; }
.hero-inner { min-height:400px; height:auto; padding-block:56px; display:grid; grid-template-columns:1.25fr 1fr; gap:64px; }
.hero-copy { max-width:100%; padding:0; }
.hero h1 { font-size:clamp(40px,3.6vw,58px); letter-spacing:0; font-weight:700; line-height:1.25; }
.hero h1 span { background:none; color:#8bb8f4; }
.hero p { color:var(--muted); }
.eyebrow { color:#90a9ca; letter-spacing:2px; }
.hero-note { display:none; }
.engineering-panel { border:1px solid #34465f; border-radius:8px; background:#101b2c; overflow:hidden; font-family:Consolas,monospace; }
.engineering-heading { border-bottom:1px solid #2a384c; padding:18px 24px; color:#bbc9dc; font-size:16px; display:flex; justify-content:space-between; }
.engineering-heading span { color:#7b9ecb; }
.engineering-panel pre { font-size:18px; line-height:1.9; margin:0; padding:26px; color:#a7c6ed; white-space:pre-wrap; }
.engineering-caption { border-top:1px solid #2a384c; padding:16px 24px; font-family:inherit; font-size:14px; color:var(--muted); }
.glass,.benefits,.product-card,.promo,.member-promo,.agent-promo,.membership-card,.is-partner .auth-card { background:#121c2c; border-color:var(--border); box-shadow:none; }
.benefits { margin-top:28px; }
.benefits>div+div:before { background:#2a384c; }
.feature-icon,.quicklinks i,svg.quick-icon,svg.feature-icon,.gold,.promo-icon { color:#8aa7cc!important; filter:none!important; }
.tech-chips a,.chip { background:#142033; border-color:#34465f; color:#c4d1e2; border-radius:6px; box-shadow:none; }
.chip:hover,.tech-chips a:hover { border-color:#6186b5; }
.chip.selected { background:#203c62; border-color:#5887c4; box-shadow:none; }
.search-form input { background:#111c2d!important; border-color:#34465f!important; border-radius:6px!important; }
.product-card { transition:border-color .15s; }
.product-card:hover { transform:none; border-color:#5577a0; box-shadow:none; }
.image-label { background:#1c304c; border-color:#466184; box-shadow:none; }
.language-tags span { background:#17263a; border-color:#354b68; color:#adc4e1; border-radius:4px; }
.price-line strong,.purchase-price strong,.payment-value strong { color:#edf2f8; }
.price-line b,.agent-price,.member-callout { color:#adc4e1; }
.member-badge { background:#203650; color:#b5d2f4; border:1px solid #405a7b; box-shadow:none; border-radius:4px; }
.promo:hover { border-color:#5577a0; }
.promo-icon,.member-promo>.promo-icon,.agent-promo>.promo-icon { display:none; }
.quicklinks a+a { border-color:#2a384c; }
.footer { background:#0d1524; border-color:#243146; }
.auth-page,.is-partner .auth-page { background:none; }
.auth-art span { color:#8bb8f4; }
.notice { background:#162b44; border-color:#355b85; color:#c3daf5; }
.notice.error { background:#38232b; border-color:#83515d; color:#ffd0d9; }
.avatar { background:#27486f; box-shadow:none; }
.sidebar nav a.active { background:#203650; border-color:#405a7b; color:#d5e5f8; }
.sidebar nav a:hover { background:#1b2c43; }
.stat strong,.purchase-price,.benefit-mini,.hash,.code-block,.empty>span { color:#aecbee; }
.large-crown { color:#8aa7cc; font-size:52px; }
.network-badge,.status { color:#b7cee9; border-color:#405a7b; background:#1a2c43; }
.status.paid { background:#153c33; color:#9be2c8; border-color:#376957; }
.toast { background:#203650; border-color:#56799e; box-shadow:0 6px 20px #0003; }
input,select,textarea { background:#0d1726; border-color:#34465f; }
input::file-selector-button { background:#203650; border-color:#405a7b; }
.checkbox input { accent-color:#397bd8; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible { outline-color:#8bb8f4; }
.agent-page .page-title { text-align:left; padding-block:12px 24px; border-bottom:1px solid #2a384c; }
.agent-page h1 { font-size:clamp(30px,3vw,42px); }
.agent-features h3 { font-size:21px; }
@media(max-width:1000px) { .hero-inner { gap:28px; grid-template-columns:1.2fr 1fr; } .engineering-panel pre { font-size:15px; padding:20px; } .engineering-heading { padding:16px; font-size:14px; } }
@media(max-width:720px) { .hero-inner { grid-template-columns:1fr; padding-block:36px; min-height:0; } .hero h1 { font-size:42px; } .engineering-panel { display:none; } .hero-copy { max-width:100%; } .agent-page .page-title { padding-top:0; } }
