*,*::before,*::after {box-sizing:border-box;margin:0;padding:0;} img,svg,video,canvas,picture {max-width:100%;height:auto;} :root {--nav-h: 72px; color-scheme:dark;--cyan:#00f0ff;--cyan-dim:#0284c7;--cyan-glow:rgba(0,240,255,0.35);--gold:#00f0ff;--gold-dim:#0284c7;--gold-glow:rgba(0,240,255,0.35);--dark:#07090e;--panel:#0d121d;--panel-2:#131b2a;--border:rgba(255,255,255,0.08);--border-gold:rgba(0,240,255,0.35);--border-cyan:rgba(0,240,255,0.35);--text:#e2e8f0;--text-dim:#94a3b8;--text-mute:#64748b;--red:#ef4444;--green:#22c55e;--radius:6px;--footer-min-height:250px;--sidebar-w:320px;} html {scroll-behavior:smooth;overflow-y:scroll;width:100%;max-width:100vw;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;} body {background-color:var(--dark);color:var(--text);font-family:'Inter',system-ui,-apple-system,sans-serif;width:100%;max-width:100vw;overflow-x:hidden;display:flex;flex-direction:column;min-height:100vh;-webkit-font-smoothing:antialiased;} main,article,section,aside,header,footer {min-width:0;max-width:100%;overflow-wrap:break-word;word-break:break-word;} a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--cyan) !important; outline-offset: 2px !important; } :target { scroll-margin-top: 96px; } :focus { scroll-margin-top: 96px; scroll-margin-bottom: 40px; } ::-webkit-scrollbar {width:6px;height:6px;} ::-webkit-scrollbar-track {background:#07090e;} ::-webkit-scrollbar-thumb {background:#1e293b;border-radius:3px;} ::-webkit-scrollbar-thumb:hover {background:var(--cyan);} .backdrop {position:fixed;inset:0;z-index:-2;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(0,240,255,0.08) 0%,transparent 60%),radial-gradient(circle at 100% 100%,rgba(2,132,199,0.05) 0%,transparent 40%),#07090e;pointer-events:none !important;} .scanlines {background:repeating-linear-gradient( 0deg,transparent,transparent 2px,rgba(0,0,0,0.08) 2px,rgba(0,0,0,0.08) 4px );position:fixed;inset:0;pointer-events:none !important;z-index:40;opacity:0.3;} .font-hero {font-family:"Archivo Black","Oswald","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif !important;} .font-ui {font-family:"Oswald","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif !important;} .font-mono {font-family:"Share Tech Mono","Cascadia Code","Consolas","Courier New",monospace !important;} .font-western {font-family:"Rye",serif !important;} .font-body {font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif !important;} #f76-nav {position:sticky;top:0;z-index:50;width:100%;background:rgba(7,9,14,0.96);border-bottom:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);} .nav-logo {display:flex;align-items:center;gap:12px;cursor:pointer;text-decoration:none;flex-shrink:0;transition:opacity 0.2s;} .nav-logo:hover {opacity:0.9;} .nav-logo-badge {width:44px;height:44px;flex-shrink:0;background:linear-gradient(135deg, #0284c7 0%, #00f0ff 100%);display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1;padding:0;margin:0;font-family:'Archivo Black',sans-serif;font-size:20px;font-weight:900;color:#07090e;box-shadow:0 0 20px var(--cyan-glow);transition:all 0.25s ease;border-radius:var(--radius);} .nav-logo-badge span {display:inline-flex;align-items:center;justify-content:center;line-height:1;text-align:center;transform:translateY(-0.5px);} .nav-logo:hover .nav-logo-badge {background:linear-gradient(135deg, #00f0ff 0%, #bae6fd 100%);box-shadow:0 0 28px rgba(0,240,255,0.6);} .nav-logo-text {font-family:'Archivo Black',sans-serif;font-size:22px;color:#fff;letter-spacing:-0.03em;line-height:1;} .nav-links {display:flex;align-items:center;flex-wrap:wrap;gap:4px;list-style:none;} .nav-links a {font-family:'Oswald',sans-serif;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-dim);text-decoration:none;padding:6px 8px;border-radius:var(--radius);transition:color 0.2s,background 0.2s;white-space:nowrap;position:relative;} .nav-links a:hover {color:var(--cyan);background:rgba(0,240,255,0.08);} .nav-links a.active {color:var(--cyan);} .nav-links a.active::after {content:'';position:absolute;bottom:-1px;left:12px;right:12px;height:2px;background:var(--cyan);border-radius:1px;} .nav-links a.nav-highlight {color:var(--cyan);} .nav-links a.nav-new::before {content:'NEW';font-size:8px;font-family:'Oswald',sans-serif;background:var(--cyan);color:#07090e;padding:1px 4px;border-radius:2px;margin-right:5px;vertical-align:middle;font-weight:700;} .nav-links a.nav-soon::before {content:'SOON';font-size:8px;font-family:'Oswald',sans-serif;background:var(--border);color:var(--text-mute);padding:1px 4px;border-radius:2px;margin-right:5px;vertical-align:middle;font-weight:700;} .nav-status {display:flex;align-items:center;gap:12px;flex-shrink:0;} .status-badge {display:flex;align-items:center;gap:6px;border:1px solid rgba(34,197,94,0.25);background:rgba(34,197,94,0.05);padding:4px 10px;border-radius:var(--radius);} .status-dot {width:7px;height:7px;background:var(--green);border-radius:50%;animation:pulse-dot 2s ease-in-out infinite;} @keyframes pulse-dot {0%,100% {opacity:1;box-shadow:0 0 0 0 rgba(34,197,94,0.4);} 50% {opacity:0.7;box-shadow:0 0 0 4px rgba(34,197,94,0);}} .status-label {font-family:'Share Tech Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.1em;color:var(--green);} .nav-btn-login {font-family:'Oswald',sans-serif;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-dim);background:none;border:none;cursor:pointer;padding:4px 0;transition:color 0.2s;} .nav-btn-login:hover {color:#fff;} .nav-hamburger {display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:10px;min-width:44px;min-height:44px;align-items:center;justify-content:center;} .nav-hamburger span {display:block;width:22px;height:2px;background:var(--text);border-radius:1px;transition:all 0.3s;} .nav-hamburger.open span:nth-child(1) {transform:translateY(7px) rotate(45deg);} .nav-hamburger.open span:nth-child(2) {opacity:0;} .nav-hamburger.open span:nth-child(3) {transform:translateY(-7px) rotate(-45deg);} #nav-mobile-menu {display:none;position:fixed;top:var(--nav-h);left:0;right:0;background:rgba(7,9,14,0.98);border-bottom:1px solid var(--border);z-index:50;padding:12px 24px 20px;backdrop-filter:blur(16px);max-height:calc(100vh - var(--nav-h));overflow-y:auto;} #nav-mobile-menu.open {display:flex !important;flex-direction:column !important;} #nav-mobile-menu a {display:flex;align-items:center;min-height:44px;font-family:'Oswald',sans-serif;font-weight:600;font-size:16px;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-dim);text-decoration:none;padding:12px 0;border-bottom:1px solid var(--border);transition:color 0.2s;} #nav-mobile-menu a:last-child {border-bottom:none;} #nav-mobile-menu a:hover,#nav-mobile-menu a.active {color:var(--cyan);} #nav-mobile-menu .mob-status {margin-top:16px;padding-top:16px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;} .breadcrumb-bar {background:var(--panel);border-bottom:1px solid var(--border);padding:8px 24px;position:relative;z-index:20;} .breadcrumb-inner {max-width:1280px;margin:0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-family:'Share Tech Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-dim);} .breadcrumb-inner a {color:var(--text-dim);text-decoration:none;transition:color 0.2s;} .breadcrumb-inner a:hover {color:var(--cyan);} .breadcrumb-inner .crumb-sep {color:var(--text-mute);font-size:9px;} .breadcrumb-inner .crumb-current {color:var(--cyan);font-weight:700;} main.site-main {flex:1;position:relative;z-index:10;width:100%;min-width:0;max-width:100%;overflow-x:hidden;} .section-label {font-family:'Share Tech Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:0.2em;color:var(--cyan);margin-bottom:8px;display:flex;align-items:center;gap:8px;} .section-label::before {content:'';display:block;width:24px;height:1px;background:var(--cyan);opacity:0.5;} .section-title {font-family:'Archivo Black',sans-serif;font-size:clamp(24px,5vw,48px);color:#fff;line-height:1.05;text-transform:uppercase;} .panel {background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;content-visibility:auto;min-width:0;max-width:100%;} .panel-gold {background:var(--panel);border:1px solid var(--border-cyan);border-radius:var(--radius);overflow:hidden;min-width:0;max-width:100%;} .panel-red {background:var(--panel);border:1px solid rgba(239,68,68,0.3);border-radius:var(--radius);overflow:hidden;min-width:0;max-width:100%;} .panel-header {padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;} .panel-body {padding:20px;min-width:0;max-width:100%;} .feature-card {background:rgba(255,255,255,0.02);border:1px solid var(--border);border-radius:var(--radius);padding:20px 16px;transition:all 0.3s ease;text-decoration:none;display:block;position:relative;overflow:hidden;text-align:left;min-width:0;max-width:100%;} @media (min-width:640px) {.feature-card {padding:32px;}} .feature-card::before {content:'';position:absolute;inset:0;opacity:0;background:radial-gradient(circle at top right,rgba(0,240,255,0.1) 0%,transparent 70%);transition:opacity 0.3s ease;} .feature-card:hover {border-color:var(--border-cyan);transform:translateY(-4px);} .feature-card:hover::before {opacity:1;} .feature-icon {font-size:32px;color:var(--cyan);margin-bottom:20px;} .feature-title {font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(18px,3vw,24px);color:#fff;text-transform:uppercase;margin-bottom:12px;} .feature-desc {font-size:14px;color:var(--text-dim);line-height:1.6;} .pill {display:inline-flex;align-items:center;gap:5px;font-family:'Share Tech Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.1em;padding:3px 8px;border-radius:2px;} .pill-green {background:rgba(34,197,94,0.15);color:var(--green);border:1px solid rgba(34,197,94,0.25);} .pill-gold {background:rgba(0,240,255,0.15);color:var(--cyan);border:1px solid rgba(0,240,255,0.3);} .pill-red {background:rgba(239,68,68,0.15);color:var(--red);border:1px solid rgba(239,68,68,0.25);} .pill-gray {background:rgba(255,255,255,0.05);color:var(--text-dim);border:1px solid var(--border);} .btn {display:inline-flex;align-items:center;gap:8px;font-family:'Oswald',sans-serif;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:0.08em;padding:10px 20px;border:none;cursor:pointer;border-radius:var(--radius);text-decoration:none;transition:all 0.2s;white-space:nowrap;min-height:44px;max-width:100%;} .btn-gold {background:linear-gradient(135deg, #0284c7 0%, #00f0ff 100%);color:#07090e;font-weight:700;} .btn-gold:hover {background:linear-gradient(135deg, #00f0ff 0%, #7dd3fc 100%);box-shadow:0 0 20px var(--cyan-glow);color:#07090e;} .btn-outline {background:transparent;color:#f3f4f6;border:1px solid rgba(255,255,255,0.22);} .btn-outline:hover {border-color:var(--cyan);color:var(--cyan);background:rgba(0,240,255,0.08);} .btn-red {background:var(--red);color:#fff;} .btn-red:hover {background:#dc2626;box-shadow:0 0 16px rgba(239,68,68,0.25);} .btn-sm {padding:6px 14px;font-size:12px;min-height:36px;} .data-table {width:100%;border-collapse:collapse;font-size:14px;min-width:0;max-width:100%;} .data-table th {font-family:'Oswald',sans-serif;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-dim);padding:10px 16px;text-align:left;border-bottom:1px solid var(--border);background:rgba(255,255,255,0.02);} .data-table td {padding:12px 16px;border-bottom:1px solid rgba(255,255,255,0.03);} .data-table tr:last-child td {border-bottom:none;} .data-table tr:hover td {background:rgba(255,255,255,0.02);} .data-table .td-name {font-weight:600;color:#fff;} .data-table .td-price {color:var(--cyan);font-family:'Share Tech Mono',monospace;text-align:right;} .data-table .td-type {font-size:12px;} .code-card {display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 24px;background:rgba(7,9,14,0.7);border:1px solid rgba(239,68,68,0.25);border-radius:var(--radius);position:relative;overflow:hidden;transition:border-color 0.2s,background 0.2s;min-width:0;max-width:100%;} .code-card::before {content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(239,68,68,0.4),transparent);opacity:0;transition:opacity 0.2s;} .code-card:hover {border-color:rgba(239,68,68,0.5);background:rgba(239,68,68,0.04);} .code-card:hover::before {opacity:1;} .code-card-silo {font-family:'Oswald',sans-serif;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:0.2em;color:#fff;background:var(--red);padding:2px 10px;border-radius:1px;} .code-card-num {font-family:'Share Tech Mono',monospace;font-size:clamp(28px,7vw,52px);font-weight:700;color:#fff;letter-spacing:0.2em;min-height:1.2em;display:flex;align-items:center;} .code-card-num.loading::after {content:'';animation:code-blink 0.8s steps(1) infinite;} @keyframes code-blink {0%,100% {content:'▋';} 50% {content:'';}} .code-card-meta {font-family:'Share Tech Mono',monospace;font-size:10px;color:var(--text-dim);} .code-copy-btn {background:rgba(255,255,255,0.06);border:1px solid var(--border);color:var(--text-dim);font-family:'Share Tech Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.1em;padding:6px 14px;min-height:36px;cursor:pointer;border-radius:var(--radius);transition:all 0.2s;display:flex;align-items:center;gap:6px;} .code-copy-btn:hover {border-color:var(--cyan);color:var(--cyan);} .code-copy-btn.copied {border-color:var(--green);color:var(--green);} .nuke-widget {background:rgba(15,0,0,0.75);border:1px solid rgba(239,68,68,0.4);border-radius:var(--radius);padding:16px 20px;backdrop-filter:blur(10px);box-shadow:0 4px 24px rgba(239,68,68,0.15);z-index:30;min-width:0;max-width:100%;} .minerva-widget {background:rgba(13,18,29,0.85);border:1px solid rgba(0,240,255,0.35);border-radius:var(--radius);padding:16px 20px;backdrop-filter:blur(10px);box-shadow:0 4px 24px rgba(0,240,255,0.15);z-index:30;min-width:0;max-width:100%;} .nw-header-gold {color:var(--cyan);font-family:'Oswald',sans-serif;font-size:18px;text-transform:uppercase;font-weight:700;text-align:center;border-bottom:1px solid rgba(0,240,255,0.25);padding-bottom:8px;margin-bottom:12px;letter-spacing:0.1em;} .nw-header {color:var(--red);font-family:'Oswald',sans-serif;font-size:18px;text-transform:uppercase;font-weight:700;text-align:center;border-bottom:1px solid rgba(239,68,68,0.2);padding-bottom:8px;margin-bottom:12px;letter-spacing:0.1em;} .nw-row {display:flex;justify-content:space-between;margin-bottom:8px;font-family:'Share Tech Mono',monospace;font-size:17px;flex-wrap:wrap;} .nw-row span {color:#d1d5db;font-weight:500;font-size:18px;} .nw-row b {color:#ffffff;letter-spacing:0.1em;font-size:18px;} .nw-footer {font-family:'Inter',sans-serif;font-size:14px;color:#9ca3af;text-align:center;margin-top:12px;text-transform:uppercase;} .minerva-hero {background:var(--panel);border:1px solid var(--border-cyan);padding:36px 40px;position:relative;overflow:hidden;border-radius:var(--radius);min-width:0;max-width:100%;} .minerva-hero::before {content:'';position:absolute;top:0;right:0;width:300px;height:100%;background:radial-gradient(ellipse at right,rgba(0,240,255,0.06) 0%,transparent 70%);pointer-events:none;} .minerva-countdown {font-family:'Share Tech Mono',monospace;font-size:clamp(24px,4vw,36px);color:var(--cyan);letter-spacing:0.1em;} .toolkit-frame {border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--panel);min-height:75vh;height:100%;width:100%;display:block;max-width:100%;} .toolkit-topbar {background:var(--panel-2);border-bottom:1px solid var(--border);padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;} .toolkit-tabs {display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;} .toolkit-tabs::-webkit-scrollbar {display:none;} .toolkit-tab {font-family:'Oswald',sans-serif;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-dim);padding:7px 14px;white-space:nowrap;border:none;background:transparent;cursor:pointer;border-radius:var(--radius);transition:all 0.2s;text-decoration:none;display:inline-flex;align-items:center;gap:6px;min-height:36px;} .toolkit-tab:hover {background:rgba(255,255,255,0.05);color:var(--text);} .toolkit-tab.active {background:rgba(0,240,255,0.12);color:var(--cyan);} .toolkit-tab .tab-icon {font-size:10px;} .market-hero {text-align:center;padding:clamp(40px,8vw,80px) 24px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);position:relative;overflow:hidden;min-width:0;max-width:100%;} .market-hero::before {content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(0,240,255,0.05) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(239,68,68,0.03) 0%,transparent 50%);} .coming-soon-badge {display:inline-flex;align-items:center;gap:8px;background:rgba(0,240,255,0.1);border:1px solid rgba(0,240,255,0.3);padding:6px 16px;border-radius:20px;margin-bottom:24px;} .coming-soon-badge span {font-family:'Share Tech Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:0.15em;color:var(--cyan);} .market-feature-card {background:rgba(255,255,255,0.02);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:border-color 0.2s;min-width:0;max-width:100%;} .market-feature-card:hover {border-color:var(--border-cyan);} .market-feature-icon {width:44px;height:44px;background:rgba(0,240,255,0.12);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:20px;color:var(--cyan);} .ticker-bar {background:rgba(0,240,255,0.04);border-bottom:1px solid rgba(0,240,255,0.15);overflow:hidden;height:36px;display:flex;align-items:center;position:relative;z-index:20;min-width:0;max-width:100%;} .ticker-inner {display:flex;white-space:nowrap;animation:ticker-scroll 60s linear infinite;align-items:center;gap:40px;} @keyframes ticker-scroll {from {transform:translateX(0);} to {transform:translateX(-50%);}} .ticker-inner:hover {animation-play-state:paused;} .ticker-item {font-family:'Share Tech Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-dim);display:inline-flex;align-items:center;gap:8px;} .ticker-sep {color:var(--cyan);opacity:0.4;} .skeleton {background:linear-gradient(90deg,#0d121d 25%,#131b2a 50%,#0d121d 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:2px;} @keyframes skeleton-shimmer {from {background-position:200% 0;} to {background-position:-200% 0;}} #toast-container {position:fixed;bottom:calc(20px + env(safe-area-inset-bottom, 0px));right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:calc(100vw - 40px);} .toast {font-family:'Share Tech Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:0.08em;padding:10px 16px;border-radius:var(--radius);display:flex;align-items:center;gap:10px;animation:toast-in 0.3s ease;border:1px solid var(--border);} .toast-green {background:#0a1f0a;color:var(--green);border-color:rgba(34,197,94,0.2);} .toast-gold {background:#081c24;color:var(--cyan);border-color:rgba(0,240,255,0.3);} @keyframes toast-in {from {opacity:0;transform:translateY(10px);}} #modal {position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,0.85);backdrop-filter:blur(8px);padding:16px;overflow-y:auto;} #modal.open {display:flex;} .modal-box {background:var(--panel);border:1px solid rgba(0,240,255,0.25);width:100%;max-width:420px;max-height:90vh;overflow-y:auto;padding:28px;border-radius:var(--radius);animation:modal-in 0.25s ease;} @keyframes modal-in {from {opacity:0;transform:scale(0.96);}} .modal-title {font-family:'Oswald',sans-serif;font-weight:700;font-size:18px;text-transform:uppercase;color:#fff;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:16px;} .modal-msg {font-family:'Share Tech Mono',monospace;font-size:13px;color:var(--text-dim);line-height:1.6;margin-bottom:24px;} #f76-footer {background:#040608;border-top:1px solid rgba(0,240,255,0.15);width:100%;padding:48px 24px;position:relative;z-index:20;flex-shrink:0;} .footer-inner {max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start;justify-content:space-between;} .footer-brand .footer-logo {font-family:'Archivo Black',sans-serif;font-size:20px;color:#fff;text-transform:uppercase;margin-bottom:8px;} .footer-brand p {font-family:'Share Tech Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.12em;color:var(--text-mute);line-height:1.6;} .footer-nav-col h5 {font-family:'Oswald',sans-serif;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:0.12em;color:var(--text-dim);margin-bottom:12px;} .footer-nav-col a {display:block;font-family:'Inter',sans-serif;font-size:13px;color:var(--text-mute);text-decoration:none;padding:3px 0;transition:color 0.2s;} .footer-nav-col a:hover {color:var(--cyan);} .footer-social {display:flex;gap:12px;} .footer-social a {width:36px;height:36px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-dim);text-decoration:none;border-radius:var(--radius);font-size:14px;transition:all 0.2s;} .footer-social a:hover {border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 12px var(--cyan-glow);} .footer-bottom {max-width:1280px;margin:24px auto 0;padding-top:16px;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;} .footer-bottom span {font-family:'Share Tech Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-mute);} @media (max-width:1279px) {.nav-links,.nav-links-container,.nav-status {display:none !important;} .nav-hamburger {display:flex !important;} .minerva-hero {padding:6% 5%;min-height:35vh;} .minerva-countdown {font-size:24px;} .footer-inner {flex-direction:column;gap:32px;} .toolkit-tabs {flex-wrap:nowrap;} .code-card-num {font-size:28px;}}
.hidden { display: none !important; }
@media (min-width:1280px) {.nav-hamburger {display:none !important;} .nav-links-container {display:flex !important;} #nav-mobile-menu {display:none !important;}}
.nav-links-container {align-items:center;gap:clamp(0.2rem,0.45vw,0.75rem);font-size:clamp(0.72rem,0.75vw,0.85rem);white-space:nowrap;}
.nav-tab {font-family:'Oswald',sans-serif;font-weight:600;font-size:clamp(0.72rem,0.75vw,0.85rem);text-transform:uppercase;letter-spacing:0.04em;color:#f3f4f6;text-decoration:none;padding:0.35rem clamp(0.35rem,0.5vw,0.65rem);border-radius:6px;transition:all 0.2s ease;white-space:nowrap;display:inline-flex;align-items:center;}
.nav-tab:hover {color:#00f0ff;background:rgba(0,240,255,0.08);}
.nav-tab-active {color:#00f0ff !important;font-weight:700 !important;background:rgba(0,240,255,0.12) !important;border:1px solid rgba(0,240,255,0.35) !important;box-shadow:0 0 12px rgba(0,240,255,0.2) !important;}
.nav-tab-special {font-family:'Oswald',sans-serif;font-weight:700;font-size:clamp(0.72rem,0.75vw,0.85rem);text-transform:uppercase;letter-spacing:0.04em;color:#00f0ff;background:rgba(0,240,255,0.08);border:1px solid rgba(0,240,255,0.35);padding:0.35rem clamp(0.45rem,0.6vw,0.75rem);border-radius:6px;text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:all 0.2s ease;}
.nav-tab-special:hover {background:rgba(0,240,255,0.18);border-color:#00f0ff;box-shadow:0 0 14px rgba(0,240,255,0.35);} .glass-panel {background:rgba(13,18,29,0.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,240,255,0.2);box-shadow:0 8px 32px 0 rgba(0,0,0,0.5);border-radius:var(--radius);} .hover-lift {transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1),box-shadow 0.25s ease;} .hover-lift:hover {will-change:transform;transform:translate3d(0,-4px,0);box-shadow:0 12px 24px rgba(0,0,0,0.4),0 0 15px var(--cyan-glow);} .mt-auto {margin-top:auto;} .text-gold {color:var(--cyan);} .text-red {color:var(--red);} .text-green {color:var(--green);} .text-dim {color:var(--text-dim);} .gap-4 {gap:16px;} .gap-8 {gap:32px;} .mb-2 {margin-bottom:8px;} .mb-4 {margin-bottom:16px;} .mb-6 {margin-bottom:24px;} .mb-8 {margin-bottom:32px;} .mb-10 {margin-bottom:40px;} .mb-12 {margin-bottom:48px;} .f76-lang-toggle {display:flex;align-items:center;flex-wrap:wrap;gap:8px;} .lang-btn {background:transparent;border:none;color:var(--text-dim);font-family:'Oswald',sans-serif;font-size:14px;font-weight:700;cursor:pointer;padding:4px 6px;border-radius:4px;transition:all 0.2s ease;text-transform:uppercase;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;} .lang-btn:hover {color:#fff;background:rgba(255,255,255,0.05);} .lang-btn.active {color:var(--cyan);background:rgba(0,240,255,0.12);} .lang-sep {color:var(--border);font-size:12px;}  
/* Google Translate Fixes to prevent flex layout breaking */
body { position: relative; }
body > .skiptranslate {
    position: absolute !important;
    top: -1000px !important;
    left: -1000px !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
}
iframe.skiptranslate {
    display: none !important;
}

/* Hide Google Translate Toolbar */
.goog-te-banner-frame.skiptranslate { display: none !important; }
body { top: 0px !important; }
#goog-gt-tt { display: none !important; top: 0px !important; }
.goog-tooltip skiptranslate { display: none !important; top: 0px !important; }
.goog-tooltip:hover { display: none !important; top: 0px !important; }
.goog-text-highlight { background-color: transparent !important; border: none !important; box-shadow: none !important; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* ─── Cross-Document MPA View Transitions (Chromium & Baseline 2026) ─── */
@view-transition {
    navigation: auto;
}

/* ─── Global Fluid Typography Clamps (320px -> 1920px+) ─── */
h1, .h1 {
  font-family: 'Archivo Black', 'Oswald', sans-serif;
  font-size: clamp(1.65rem, 4vw + 0.5rem, 3.25rem);
  line-height: 1.12;
  letter-spacing: -0.01em;
  word-break: break-word;
  overflow-wrap: break-word;
}
h2, .h2 {
  font-family: 'Archivo Black', 'Oswald', sans-serif;
  font-size: clamp(1.25rem, 2.75vw + 0.35rem, 2.15rem);
  line-height: 1.18;
  letter-spacing: -0.01em;
  word-break: break-word;
  overflow-wrap: break-word;
}
h3, .h3 {
  font-family: 'Oswald', sans-serif;
  font-size: clamp(1.05rem, 2vw + 0.25rem, 1.6rem);
  line-height: 1.25;
  word-break: break-word;
  overflow-wrap: break-word;
}
h4, .h4 {
  font-family: 'Oswald', sans-serif;
  font-size: clamp(0.95rem, 1.2vw + 0.2rem, 1.3rem);
  line-height: 1.3;
  word-break: break-word;
  overflow-wrap: break-word;
}
.hero-title, .font-hero-fluid {
  font-family: 'Archivo Black', sans-serif;
  font-size: clamp(1.75rem, 5.5vw + 0.5rem, 4.25rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.02em !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  hyphens: auto;
}
.section-title {
  font-family: 'Archivo Black', sans-serif;
  font-size: clamp(1.35rem, 3.5vw + 0.25rem, 2.5rem);
  color: #fff;
  line-height: 1.12;
  text-transform: uppercase;
  word-break: break-word;
  overflow-wrap: break-word;
}
.panel-title {
  font-family: 'Oswald', sans-serif;
  font-size: clamp(1.1rem, 2.2vw + 0.2rem, 1.5rem);
  font-weight: 700;
  text-transform: uppercase;
  word-break: break-word;
  overflow-wrap: break-word;
}

/* ─── Responsive Container Compression Prevention ─── */
.flex-wrap-safe {
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
  max-width: 100%;
}
.nowrap-badge, .pill, .badge, .status-badge, .coming-soon-badge, .status-dot {
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
.btn, .nav-tab, .nav-tab-special, .tab-btn, .filter-chip, .lang-btn, .mod-tab-btn {
  white-space: nowrap !important;
  flex-shrink: 0;
}
.grid-responsive-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 16px;
  min-width: 0;
  max-width: 100%;
}
.grid-responsive-tight {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 12px;
  min-width: 0;
  max-width: 100%;
}

/* 320px Viewport Safety Pass */
@media (max-width: 480px) {
  .btn {
    padding: 8px 14px;
    font-size: 13px;
    letter-spacing: 0.04em;
  }
  .panel-header {
    padding: 12px 14px;
  }
  .panel-body {
    padding: 14px;
  }
  .feature-card {
    padding: 20px 16px;
  }
  .glass-panel {
    padding: 16px 12px;
  }
  .container {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
}

/* ─── Hardware-Accelerated Sliding Animation Classes (CSS & Anime.js Compliant) ─── */
.f76-slide { will-change: transform, opacity; transform: translate3d(0, 0, 0); backface-visibility: hidden; }
.f76-slide--enter { animation-duration: var(--slide-duration-enter, 400ms); animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1); animation-fill-mode: both; }
.f76-slide--enter-up { animation-name: f76SlideInUp; }
.f76-slide--enter-down { animation-name: f76SlideInDown; }
.f76-slide--enter-left { animation-name: f76SlideInLeft; }
.f76-slide--enter-right { animation-name: f76SlideInRight; }
.f76-slide--exit { animation-duration: var(--slide-duration-exit, 250ms); animation-timing-function: cubic-bezier(0.4, 0, 1, 1); animation-fill-mode: both; }
.f76-slide--exit-up { animation-name: f76SlideOutUp; }
.f76-slide--exit-down { animation-name: f76SlideOutDown; }
.f76-slide--exit-left { animation-name: f76SlideOutLeft; }
.f76-slide--exit-right { animation-name: f76SlideOutRight; }

@keyframes f76SlideInUp { from { opacity: 0; transform: translate3d(0, 28px, 0) scale3d(0.98, 0.98, 1); } to { opacity: 1; transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } }
@keyframes f76SlideInDown { from { opacity: 0; transform: translate3d(0, -28px, 0) scale3d(0.98, 0.98, 1); } to { opacity: 1; transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } }
@keyframes f76SlideInLeft { from { opacity: 0; transform: translate3d(-28px, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }
@keyframes f76SlideInRight { from { opacity: 0; transform: translate3d(28px, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }
@keyframes f76SlideOutUp { from { opacity: 1; transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } to { opacity: 0; transform: translate3d(0, -28px, 0) scale3d(0.98, 0.98, 1); } }
@keyframes f76SlideOutDown { from { opacity: 1; transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } to { opacity: 0; transform: translate3d(0, 28px, 0) scale3d(0.98, 0.98, 1); } }
@keyframes f76SlideOutLeft { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(-28px, 0, 0); } }
@keyframes f76SlideOutRight { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(28px, 0, 0); } }

/* ==========================================================================
   1. UNIVERSAL FOCUS, HIGHLIGHT & SPRING MICRO-ANIMATIONS
   ========================================================================== */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, [tabindex]:focus-visible {
  outline: 3px solid var(--gold) !important;
  outline-offset: 4px !important;
  box-shadow: 0 0 15px var(--gold-glow) !important;
  transition: outline-offset 0.2s ease;
}

/* Contextual Focus Rings */
.border-cyan-500:focus-visible, .text-cyan-400:focus-visible, [data-context="ops"]:focus-visible {
  outline-color: #06b6d4 !important;
  box-shadow: 0 0 15px rgba(6, 182, 212, 0.4) !important;
}
.border-sys-green:focus-visible, .text-sys-green:focus-visible, [data-context="minerva"]:focus-visible {
  outline-color: #22c55e !important;
  box-shadow: 0 0 15px rgba(34, 197, 94, 0.4) !important;
}
.border-sys-red:focus-visible, .text-sys-red:focus-visible, [data-context="nuke"]:focus-visible {
  outline-color: #ef4444 !important;
  box-shadow: 0 0 15px rgba(239, 68, 68, 0.4) !important;
}

/* Hardware-Accelerated Micro-Animations & Press States */
.btn, .feature-card, .action-tab-btn, .hub-cat-pill, .anim-card, .code-copy-btn {
  transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1), 
              box-shadow 300ms cubic-bezier(0.16, 1, 0.3, 1), 
              border-color 200ms ease, 
              background-color 200ms ease !important;
  will-change: transform, box-shadow, border-color;
}

.btn:active, .feature-card:active, .action-tab-btn:active, .hub-cat-pill:active, .code-copy-btn:active {
  transform: scale(0.98) !important;
}

/* Strict Reduced Motion Override */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
    transform: none !important;
  }
}

/* ==========================================================================
   2. EXTREME ZOOM & REFLOW RESILIENCE (Up to 500% WCAG 1.4.10)
   ========================================================================== */
html, body {
  min-width: 320px;
  overflow-x: hidden;
  max-width: 100vw;
}

main, section, article, .glass-panel, .panel, .feature-grid, .action-panel, .anim-status {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}

/* ==========================================================================
   3. PRONOUNCED IDLE CONTAINERS, DEPTH & CONTRAST
   ========================================================================== */
.glass-panel {
  background: linear-gradient(180deg, rgba(13, 18, 29, 0.94) 0%, rgba(7, 9, 14, 0.98) 100%) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(0, 240, 255, 0.22) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6), inset 0 1px 0 0 rgba(0, 240, 255, 0.15) !important;
  border-radius: var(--radius);
}

.glass-panel:hover, .glass-panel:focus-within {
  border-color: rgba(0, 240, 255, 0.55) !important;
  box-shadow: 0 8px 30px rgba(0, 240, 255, 0.18), inset 0 1px 0 0 rgba(0, 240, 255, 0.3) !important;
}

.feature-card {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.8) 0%, rgba(7, 9, 14, 0.95) 100%) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5), inset 0 1px 0 0 rgba(255, 255, 255, 0.05) !important;
  border-radius: var(--radius);
}

.feature-card:hover, .feature-card:focus-within {
  border-color: var(--border-cyan) !important;
  box-shadow: 0 8px 25px rgba(0, 240, 255, 0.2), inset 0 1px 0 0 rgba(0, 240, 255, 0.25) !important;
}

/* Fluid Auto-Fit Grid for Status and Info Cards */
.grid-auto-fit-cards {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)) !important;
  gap: clamp(0.75rem, 2vw, 1.25rem) !important;
}

/* Badges & Pills White-Space Protection */
.pill {
  white-space: nowrap !important;
  font-weight: 700 !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
.pill-gold {
  background: rgba(0, 240, 255, 0.18) !important;
  color: #22d3ee !important;
  border-color: rgba(0, 240, 255, 0.4) !important;
}
.pill-red {
  background: rgba(239, 68, 68, 0.22) !important;
  border-color: rgba(239, 68, 68, 0.45) !important;
}
.pill-green {
  background: rgba(34, 197, 94, 0.22) !important;
  border-color: rgba(34, 197, 94, 0.45) !important;
}
.pill-cyan {
  background: rgba(6, 182, 212, 0.22) !important;
  color: #22d3ee !important;
  border: 1px solid rgba(6, 182, 212, 0.45) !important;
}

/* Sidebar & Code Cards Zoom-Safe Typography (rem-based, no vw shrinking) */
.nw-row {
  font-size: 0.9rem !important;
  margin-bottom: 8px;
}
.nw-row span {
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: #d1d5db !important;
}
.nw-row b {
  font-size: 1.05rem !important;
  letter-spacing: 0.08em !important;
  color: #ffffff !important;
}
.code-card-num {
  font-size: clamp(2rem, 3.25rem, 4rem) !important;
  letter-spacing: clamp(0.05em, 0.12em, 0.2em) !important;
  min-height: 1.2em;
}
.minerva-countdown {
  font-size: clamp(1.5rem, 2.25rem, 3rem) !important;
  letter-spacing: 0.08em !important;
}

.text-high-contrast { color: #f9fafb !important; }
.text-body-contrast { color: #d1d5db !important; }

/* ─── High-Clarity Player Command Stacks & Smooth Transitions ─── */
.stack-pane {
  opacity: 0;
  transform: translate3d(0, 8px, 0);
  transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.22s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
  display: none;
}
.stack-pane.active {
  display: block;
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* iOS Safari 16px Form Auto-Zoom Guard (WCAG 1.4.10) */
@media (max-width: 768px) {
  input,
  select,
  textarea {
    font-size: 16px !important;
  }
}

/* Custom Mojave Select Styling (Eliminates iOS native grey gradients & duplicate chevrons) */
select {
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2300F0FF'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 1rem 1rem;
  padding-right: 2.5rem !important;
}

/* Enhanced Focus Ring with Appalachian Tactical Cyan Glow */
:focus-visible {
  outline: 2px solid var(--cyan) !important;
  outline-offset: 2px !important;
  box-shadow: 0 0 12px rgba(0, 240, 255, 0.45) !important;
}

/* Micro-Interaction Active Press Feedback */
button:active:not(:disabled),
.btn:active:not(:disabled),
.hub-cat-pill:active,
.action-tab-btn:active {
  transform: scale(0.98);
}

/* Unified Sticky Header & Mojave Control Subbar */
#f76-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 50 !important;
  width: 100%;
}
#f76-nav {
  position: relative !important;
  z-index: 50 !important;
  width: 100%;
}
#f76-control-subbar {
  position: relative !important;
  z-index: 49 !important;
}
#btn-subbar-toggle {
  position: relative !important;
  z-index: 50 !important;
  cursor: pointer !important;
}
#f76-control-subbar.collapsed {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  border-bottom: none !important;
  opacity: 0 !important;
}

/* Mobile Sidebar Smooth Transitions & Accordion */
@media (max-width: 1023px) {
  #mobile-sidebar-toggle {
    display: flex !important;
    opacity: 1 !important;
  }
  #mobile-sidebar-content {
    display: none;
    opacity: 0;
  }
  #mobile-sidebar-content.expanded {
    display: flex !important;
    flex-direction: column !important;
    opacity: 1 !important;
    overflow: visible !important;
    height: auto !important;
    max-height: none !important;
    transform: translate3d(0, 0, 0) !important;
  }
}
@media (min-width: 1024px) {
  #mobile-sidebar-toggle { display: none !important; }
  #mobile-sidebar-content {
    max-height: none !important;
    opacity: 1 !important;
    overflow: visible !important;
    transform: none !important;
    display: flex !important;
    flex-direction: column !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   2026 HIGH-PERFORMANCE CONTENT LOADING & SKELETON ANIMATION SUITE
   ═══════════════════════════════════════════════════════════════════════════ */
@keyframes f76-shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

@keyframes f76-fade-in-up {
  0% {
    opacity: 0;
    transform: translate3d(0, 12px, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes f76-fade-in {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes f76-fade-out {
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes f76-pulse-glow {
  0%, 100% {
    opacity: 0.6;
    filter: brightness(1);
    box-shadow: 0 0 10px rgba(0, 240, 255, 0.2);
  }
  50% {
    opacity: 0.95;
    filter: brightness(1.25);
    box-shadow: 0 0 20px rgba(0, 240, 255, 0.45);
  }
}

@keyframes f76-radar-beam {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Skeleton Primitives */
.skeleton-shimmer,
.skeleton-loading {
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.03) 25%,
    rgba(0, 240, 255, 0.08) 50%,
    rgba(255, 255, 255, 0.03) 75%
  ) !important;
  background-size: 200% 100% !important;
  animation: f76-shimmer 1.8s infinite linear !important;
  will-change: background-position;
  border-radius: var(--radius, 4px);
  pointer-events: none;
}

.skeleton-text {
  height: 14px;
  margin-bottom: 8px;
  border-radius: 3px;
}

.skeleton-title {
  height: 24px;
  width: 60%;
  margin-bottom: 12px;
  border-radius: 4px;
}

.skeleton-card {
  min-height: 120px;
  border-radius: var(--radius, 6px);
  border: 1px solid var(--border);
  padding: 16px;
}

.skeleton-btn {
  height: 38px;
  width: 120px;
  border-radius: 4px;
}

/* Vault / Terminal Radar Loader */
.vault-loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 16px;
  position: relative;
  overflow: hidden;
}

.vault-radar-dial {
  width: 64px;
  height: 64px;
  border: 2px solid var(--border-gold);
  border-radius: 50%;
  position: relative;
  box-shadow: 0 0 15px rgba(0, 240, 255, 0.25);
}

.vault-radar-dial::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: conic-gradient(from 0deg, rgba(0, 240, 255, 0.4) 0deg, transparent 90deg);
  animation: f76-radar-beam 2s linear infinite;
  will-change: transform;
}

.vault-loader-text {
  margin-top: 14px;
  font-family: 'Share Tech Mono', monospace;
  font-size: 12px;
  letter-spacing: 0.15em;
  color: var(--cyan);
  text-transform: uppercase;
  animation: f76-pulse-glow 1.5s infinite;
}

/* Content Entrance Transitions */
.fade-in {
  animation: f76-fade-in 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  will-change: opacity;
}

.fade-in-up {
  animation: f76-fade-in-up 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  will-change: opacity, transform;
}

.fade-out {
  animation: f76-fade-out 0.2s cubic-bezier(0.4, 0, 1, 1) forwards;
  will-change: opacity;
}

/* Stagger entrance utilities */
.stagger-1 { animation-delay: 50ms; }
.stagger-2 { animation-delay: 100ms; }
.stagger-3 { animation-delay: 150ms; }
.stagger-4 { animation-delay: 200ms; }
.stagger-5 { animation-delay: 250ms; }

/* Accessible reduced motion support (WCAG 2.2 AAA Standard) */
@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Mobile & Tablet Collapsible Sidebar Drawer (< 1280px) */
@media (max-width: 1279px) {
  .mobile-sidebar-collapsible {
    display: none !important;
  }
  .mobile-sidebar-collapsible.expanded {
    display: flex !important;
    animation: f76-fade-in 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  }
}
@media (min-width: 1280px) {
  .mobile-sidebar-collapsible {
    display: flex !important;
  }
}