:root {--bg-dark:#08070d;--bg-card:rgba(18, 15, 28, 0.9);--bg-card-hover:rgba(28, 24, 44, 0.95);--bg-alt:#0d0b16;--primary-red:#e62e4d;--dark-crimson:#8b1226;--glitch-purple:#9333ea;--mc-gold:#fbbf24;--mc-aqua:#38bdf8;--mc-green:#22c55e;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--border-color:rgba(255, 255, 255, 0.1);--border-highlight:rgba(230, 46, 77, 0.4);--font-heading:'Outfit', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;--font-display:'Outfit', -apple-system, BlinkMacSystemFont, sans-serif;--font-body:'Inter', sans-serif;--font-mono:'JetBrains Mono', monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition:all 0.2s ease-in-out;} *, *::before, *::after {box-sizing:border-box;margin:0;padding:0;} html {scroll-behavior:smooth;font-size:16px;color-scheme:dark;} body.horror-theme {background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-body);line-height:1.6;overflow-x:hidden;} #bg-canvas {position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;} h1, h2, h3, h4 {color:#ffffff;font-family:var(--font-heading);letter-spacing:0.5px;} a {color:var(--primary-red);text-decoration:none;transition:var(--transition);} a:hover {color:#f87171;} .container {width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem;} .section-padding {padding:5.5rem 0;} .dark-bg-alt {background-color:var(--bg-alt);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);} .text-red {color:var(--primary-red);} .text-purple {color:var(--glitch-purple);} .text-gold {color:var(--mc-gold);} .text-aqua {color:var(--mc-aqua);} .link-underline:hover {text-decoration:underline;} .section-header {margin-bottom:3.5rem;} .section-header.center {text-align:center;} .section-subtitle {font-family:var(--font-mono);font-size:0.8rem;font-weight:700;color:var(--primary-red);letter-spacing:2.5px;text-transform:uppercase;display:block;margin-bottom:0.5rem;} .section-title {font-size:2.4rem;font-weight:900;color:#ffffff;} .section-desc {color:var(--text-muted);font-size:1.05rem;margin-top:0.75rem;max-width:650px;margin-left:auto;margin-right:auto;} .title-bar {width:44px;height:3px;background:var(--primary-red);margin:1rem auto 0 auto;border-radius:2px;} .btn {display:inline-flex;align-items:center;justify-content:center;gap:0.6rem;padding:0.8rem 1.5rem;font-family:var(--font-body);font-weight:700;font-size:0.92rem;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:0.5px;} .btn-primary {background:var(--primary-red);color:#ffffff;} .btn-primary:hover {background:#dc2626;color:#ffffff;} .btn-secondary {background:rgba(255, 255, 255, 0.06);color:var(--text-main);border:1px solid var(--border-color);} .btn-secondary:hover {background:rgba(255, 255, 255, 0.12);border-color:rgba(255, 255, 255, 0.2);color:#ffffff;} .btn-hero-download {padding:0.95rem 1.8rem;background:var(--primary-red);color:#ffffff;border-radius:var(--radius-md);} .btn-hero-download .btn-text-group {display:flex;flex-direction:column;align-items:flex-start;text-align:left;} .btn-hero-download .main-text {font-size:1.05rem;font-weight:800;line-height:1.1;} .btn-hero-download .sub-text {font-size:0.72rem;font-weight:400;opacity:0.9;text-transform:none;} .btn-hero-download:hover {background:#dc2626;transform:translateY(-2px);} .btn-sm {padding:0.45rem 0.9rem;font-size:0.8rem;} .btn-outline-danger {background:transparent;border:1px solid var(--primary-red);color:var(--primary-red);} .btn-outline-danger:hover {background:var(--primary-red);color:#fff;} .btn-fabric-link {background:#2563eb;color:#fff;} .btn-fabric-link:hover {background:#1d4ed8;} .btn-lg {padding:1.1rem 2rem;font-size:1.05rem;} .btn-block {width:100%;} .svg-icon {width:1.2em;height:1.2em;} .navbar {position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1rem 0;transition:var(--transition);background:rgba(8, 7, 13, 0.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);} .navbar.scrolled {padding:0.7rem 0;background:rgba(8, 7, 13, 0.96);box-shadow:0 8px 24px rgba(0, 0, 0, 0.8);} .nav-container {display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:0 1.5rem;} .brand-logo {display:flex;align-items:center;gap:0.75rem;color:#fff;} .jackson-icon-small {width:30px;height:30px;background:#000;border:2px solid #fff;border-radius:4px;position:relative;display:flex;align-items:center;justify-content:center;} .jackson-icon-small .eye {width:5px;height:5px;background:#fff;position:absolute;top:6px;} .jackson-icon-small .eye.left {left:6px;} .jackson-icon-small .eye.right {right:6px;} .jackson-icon-small .grin {width:14px;height:6px;position:absolute;bottom:5px;border-bottom:2px solid #fff;border-radius:0 0 8px 8px;} .brand-text {display:flex;flex-direction:column;} .brand-title {font-family:var(--font-display);font-weight:900;font-size:1.05rem;letter-spacing:1px;line-height:1;color:#fff;} .brand-subtitle {font-size:0.65rem;font-family:var(--font-mono);color:var(--primary-red);letter-spacing:2px;} .nav-links {display:flex;gap:1.75rem;} .nav-links a {color:var(--text-muted);font-weight:600;font-size:0.88rem;} .nav-links a:hover {color:#ffffff;} .nav-actions {display:flex;align-items:center;gap:1rem;} .icon-btn {background:rgba(255, 255, 255, 0.05);border:1px solid var(--border-color);color:var(--text-muted);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);} .icon-btn:hover, .icon-btn.active {background:rgba(230, 46, 77, 0.15);border-color:var(--primary-red);color:var(--primary-red);} .sound-wave-active {display:flex;align-items:flex-end;gap:2px;height:14px;} .sound-wave-active span {width:3px;background:var(--primary-red);border-radius:1px;animation:waveAnim 0.8s infinite ease-in-out alternate;} .sound-wave-active span:nth-child(1) {height:60%;animation-delay:0.1s;} .sound-wave-active span:nth-child(2) {height:100%;animation-delay:0.3s;} .sound-wave-active span:nth-child(3) {height:40%;animation-delay:0.2s;} .sound-wave-active span:nth-child(4) {height:80%;animation-delay:0.4s;} @keyframes waveAnim {0% {transform:scaleY(0.3);} 100% {transform:scaleY(1);}} .lang-switch-container {position:relative;} .lang-btn {display:flex;align-items:center;gap:0.4rem;background:rgba(255, 255, 255, 0.05);border:1px solid var(--border-color);color:var(--text-main);padding:0.45rem 0.8rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:700;font-size:0.85rem;} .lang-btn:hover {background:rgba(255, 255, 255, 0.1);} .lang-dropdown {position:absolute;top:calc(100% + 8px);right:0;background:#0d0b17;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:0.4rem;display:flex;flex-direction:column;gap:0.2rem;box-shadow:0 10px 25px rgba(0,0,0,0.8);z-index:100;min-width:130px;} .lang-opt {background:transparent;border:none;color:var(--text-muted);padding:0.5rem 0.8rem;text-align:left;border-radius:4px;cursor:pointer;font-size:0.85rem;display:flex;align-items:center;gap:0.5rem;font-weight:600;} .lang-opt:hover {background:rgba(230, 46, 77, 0.2);color:#fff;} .hero-section {position:relative;padding:7.5rem 0 4.5rem 0;min-height:85vh;display:flex;align-items:center;overflow:hidden;} .hero-bg-image-backdrop {position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0.15;filter:blur(4px);z-index:-2;transition:background-image 0.5s ease;} .hero-bg-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 70% 40%, rgba(230, 46, 77, 0.1) 0%, rgba(8, 7, 13, 0.95) 75%);z-index:-1;} .hero-split-grid {display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center;} .hero-text-content {text-align:left;} .anomaly-status-indicator {display:inline-flex;align-items:center;gap:0.75rem;padding:0.4rem 1rem;background:rgba(8, 7, 13, 0.7);border-left:2px solid var(--primary-red);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-bottom:1.5rem;box-shadow:inset 0 0 15px rgba(230, 46, 77, 0.08);backdrop-filter:blur(4px);} .anomaly-status-indicator .status-dot {width:6px;height:6px;background:var(--primary-red);border-radius:50%;animation:blink 2s infinite;} .anomaly-status-indicator .status-text {font-family:var(--font-mono);font-size:0.75rem;color:var(--text-muted);letter-spacing:1px;} .anomaly-status-indicator .status-code {font-family:var(--font-mono);font-size:0.75rem;color:var(--primary-red);font-weight:700;} @keyframes blink {0%, 100% {opacity:1;box-shadow:0 0 8px var(--primary-red);} 50% {opacity:0.3;box-shadow:none;}} .hero-title {font-size:clamp(2.8rem, 5vw, 4.2rem);font-weight:900;line-height:1.05;margin-bottom:1rem;letter-spacing:1px;font-family:var(--font-display);text-transform:uppercase;color:#ffffff;} .hero-quote {font-family:var(--font-heading);font-size:1.08rem;font-weight:600;font-style:normal;color:#ff4d6d;margin-bottom:1.25rem;letter-spacing:0.2px;padding:0.5rem 1rem;border-left:3px solid var(--primary-red);background:linear-gradient(90deg, rgba(230, 46, 77, 0.12) 0%, rgba(230, 46, 77, 0.02) 100%);border-radius:0 var(--radius-sm) var(--radius-sm) 0;display:block;} .hero-desc {font-size:1.05rem;color:var(--text-muted);margin-bottom:2rem;} .hero-buttons {display:flex;gap:1rem;margin-bottom:2.5rem;flex-wrap:wrap;} .mc-specs-tooltip-bar {display:flex;align-items:center;gap:1.25rem;background:rgba(14, 12, 22, 0.85);border:1px solid var(--border-color);padding:0.75rem 1.5rem;border-radius:var(--radius-md);backdrop-filter:blur(12px);flex-wrap:wrap;} .mc-spec-col {display:flex;flex-direction:column;align-items:flex-start;} .mc-label {font-size:0.68rem;color:var(--text-dim);text-transform:uppercase;font-family:var(--font-mono);letter-spacing:1px;} .mc-val {font-size:0.9rem;font-weight:700;} .mc-divider {width:1px;height:24px;background:var(--border-color);} .hero-media-hub {display:flex;flex-direction:column;gap:1rem;} .hero-main-viewer {position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);box-shadow:0 15px 35px rgba(0, 0, 0, 0.8);height:370px;background:#000;} .hero-main-img {width:100%;height:100%;object-fit:cover;transition:opacity 0.3s ease;} .viewer-tag-badge {position:absolute;top:1rem;left:1rem;background:rgba(14, 12, 22, 0.65);backdrop-filter:blur(8px);border:1px solid rgba(255, 255, 255, 0.1);border-bottom:2px solid var(--primary-red);color:#fff;font-family:var(--font-heading);font-weight:700;font-size:0.65rem;text-transform:uppercase;letter-spacing:1px;padding:0.4rem 0.9rem;border-radius:4px;z-index:10;box-shadow:0 4px 15px rgba(0,0,0,0.5);} .viewer-scan-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, transparent 75%, rgba(8, 7, 13, 0.9) 100%);pointer-events:none;} .hero-thumbs-strip {display:grid;grid-template-columns:repeat(6, 1fr);gap:0.6rem;} .hero-thumb-item {height:62px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-color);cursor:pointer;transition:var(--transition);position:relative;} .hero-thumb-item img {width:100%;height:100%;object-fit:cover;opacity:0.6;transition:opacity 0.2s ease;} .hero-thumb-item:hover img, .hero-thumb-item.active img {opacity:1;} .hero-thumb-item.active, .hero-thumb-item:hover {border-color:var(--primary-red);transform:translateY(-2px);} .visual-highlights-section {padding:2.5rem 0;background:rgba(14, 12, 22, 0.5);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);} .v-highlight-card {position:relative;height:185px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);cursor:pointer;transition:var(--transition);} .v-highlight-card img {width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;} .v-highlight-card:hover img {transform:scale(1.05);} .v-highlight-card:hover {border-color:var(--border-highlight);box-shadow:0 10px 25px rgba(0,0,0,0.7);} .v-card-overlay {position:absolute;bottom:0;left:0;width:100%;padding:1.25rem;background:linear-gradient(0deg, rgba(8, 7, 13, 0.95) 0%, transparent 100%);display:flex;flex-direction:column;align-items:flex-start;} .v-card-badge {font-family:var(--font-heading);font-size:0.65rem;font-weight:800;letter-spacing:1px;padding:0.25rem 0.6rem;border-radius:3px;margin-bottom:0.4rem;} .v-card-badge.red {background:rgba(230, 46, 77, 0.85);color:#fff;} .v-card-badge.crimson {background:rgba(139, 18, 38, 0.9);color:#fff;} .v-card-badge.purple {background:rgba(147, 51, 234, 0.85);color:#fff;} .v-card-overlay h4 {font-size:1.05rem;color:#fff;margin-bottom:0.2rem;} .v-card-overlay p {font-size:0.8rem;color:var(--text-muted);} .modal-dropdowns-row {display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;} .select-col {display:flex;flex-direction:column;} .disabled-select {opacity:0.55;cursor:not-allowed;background:#121020 !important;border-color:rgba(255, 255, 255, 0.08) !important;color:#94a3b8 !important;} .tech-warning-bar {background:#160810;border-top:1px solid rgba(230, 46, 77, 0.3);border-bottom:1px solid rgba(230, 46, 77, 0.3);padding:1.1rem 0;} .warning-flex {display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;} .warning-badge-icon {width:40px;height:40px;background:rgba(230, 46, 77, 0.15);border:1px solid var(--primary-red);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--primary-red);flex-shrink:0;} .warning-badge-icon svg {width:22px;height:22px;} .warning-content {flex:1;} .warning-content strong {color:var(--primary-red);font-family:var(--font-display);font-size:0.85rem;letter-spacing:1px;display:block;} .warning-content p {font-size:0.9rem;color:var(--text-muted);} .grid {display:grid;} .grid-2-col {grid-template-columns:repeat(2, 1fr);} .grid-3-col {grid-template-columns:repeat(3, 1fr);} .gap-md {gap:1.75rem;} .gap-lg {gap:3rem;} .align-center {align-items:center;} .about-text-content .lead-p {font-size:1.25rem;color:#fff;font-weight:600;margin-bottom:1.25rem;} .about-text-content p {color:var(--text-muted);margin-bottom:2rem;} .feature-tech-grid {display:flex;flex-direction:column;gap:1rem;} .tech-card {background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem 1.5rem;transition:var(--transition);} .tech-card:hover {border-color:var(--border-highlight);background:var(--bg-card-hover);} .tech-card-header {display:flex;align-items:center;gap:0.75rem;margin-bottom:0.4rem;} .tech-icon {width:20px;height:20px;color:var(--text-main);} .tech-card h4 {font-size:1rem;font-weight:700;} .tech-card p {font-size:0.85rem;color:var(--text-muted);margin:0;} .jumpscare-showcase-box {position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color);box-shadow:0 15px 35px rgba(0,0,0,0.8);} .jumpscare-img {width:100%;height:100%;display:block;object-fit:cover;} .jumpscare-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg, transparent 70%, rgba(8, 7, 13, 0.95) 100%);display:flex;align-items:flex-end;padding:1.5rem;} .radar-scanline {position:absolute;top:0;left:0;width:100%;height:2px;background:rgba(230, 46, 77, 0.6);animation:scanline 3s linear infinite;} @keyframes scanline {0% {top:0;} 100% {top:100%;}} .telemetry-badge {display:flex;align-items:center;gap:0.5rem;font-family:var(--font-mono);font-size:0.75rem;color:var(--primary-red);background:rgba(0,0,0,0.8);padding:0.35rem 0.8rem;border-radius:4px;border:1px solid rgba(230, 46, 77, 0.3);} .dot-red {width:6px;height:6px;background:var(--primary-red);border-radius:50%;} .phase-tabs-terminal {display:flex;justify-content:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;} .phase-tab-btn {background:var(--bg-card);border:1px solid var(--border-color);padding:0.85rem 1.5rem;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;font-family:var(--font-body);transition:var(--transition);} .phase-tab-btn .p-code {font-family:var(--font-mono);font-size:0.75rem;color:var(--primary-red);} .phase-tab-btn .p-title {font-weight:700;font-size:0.95rem;color:#fff;} .phase-tab-btn.active, .phase-tab-btn:hover {background:rgba(230, 46, 77, 0.15);border-color:var(--primary-red);} .codex-display-panel {background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.25rem;backdrop-filter:blur(12px);box-shadow:0 15px 35px rgba(0, 0, 0, 0.8);} .codex-header {display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:1rem;margin-bottom:1.75rem;} .codex-id-tag {font-family:var(--font-heading);font-size:0.75rem;font-weight:700;color:var(--text-dim);letter-spacing:1px;} .codex-status-tag {font-family:var(--font-heading);font-size:0.75rem;color:var(--primary-red);font-weight:800;letter-spacing:1px;} .codex-body {display:grid;grid-template-columns:2fr 1fr;gap:2.5rem;align-items:center;} .codex-heading {font-size:1.75rem;margin-bottom:0.75rem;} .codex-desc {color:var(--text-muted);font-size:1.05rem;margin-bottom:2rem;} .codex-telemetry-grid {display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem;} .tele-label {font-size:0.7rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;font-family:var(--font-heading);letter-spacing:1px;display:block;margin-bottom:0.4rem;} .meter-track {width:100%;height:8px;background:rgba(255, 255, 255, 0.1);border-radius:4px;overflow:hidden;} .meter-bar {height:100%;transition:width 0.4s ease;} .threat-low {width:30%;background:#22c55e;} .threat-med {width:65%;background:#eab308;} .threat-high {width:100%;background:#ef4444;} .tele-val {font-size:0.95rem;font-weight:700;} .codex-radar-side {display:flex;flex-direction:column;align-items:center;} .radar-scope {width:150px;height:150px;border:1.5px solid rgba(230, 46, 77, 0.4);border-radius:50%;position:relative;background:radial-gradient(circle, rgba(230, 46, 77, 0.08) 0%, transparent 80%);overflow:hidden;} .radar-crosshair {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;} .radar-crosshair::before, .radar-crosshair::after {content:'';position:absolute;background:rgba(230, 46, 77, 0.25);} .radar-crosshair::before {top:50%;left:0;width:100%;height:1px;} .radar-crosshair::after {top:0;left:50%;width:1px;height:100%;} .radar-sweep {position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:conic-gradient(from 0deg, rgba(230, 46, 77, 0.35) 0deg, transparent 60deg);animation:rotateRadar 4s linear infinite;} @keyframes rotateRadar {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}} .radar-blip {position:absolute;top:35%;right:30%;width:7px;height:7px;background:var(--primary-red);border-radius:50%;} .radar-footer {font-family:var(--font-heading);font-weight:700;letter-spacing:1px;font-size:0.65rem;color:var(--text-dim);margin-top:0.75rem;} .pro-mechanic-card {background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition);} .pro-mechanic-card:hover {transform:translateY(-4px);border-color:var(--border-highlight);box-shadow:0 12px 30px rgba(0, 0, 0, 0.8);} .pro-card-thumb {position:relative;height:200px;overflow:hidden;} .pro-card-thumb img {width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;} .pro-mechanic-card:hover .pro-card-thumb img {transform:scale(1.05);} .pro-tag {position:absolute;top:1rem;left:1rem;padding:0.35rem 0.85rem;border-radius:4px;font-family:var(--font-heading);font-size:0.7rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;box-shadow:0 4px 10px rgba(0,0,0,0.5);} .tag-red {background:rgba(230, 46, 77, 0.85);color:#fff;} .tag-crimson {background:rgba(139, 18, 38, 0.9);color:#fff;} .tag-purple {background:rgba(147, 51, 234, 0.85);color:#fff;} .pro-card-content {padding:1.5rem;} .pro-card-content h3 {font-size:1.25rem;margin-bottom:0.6rem;} .pro-card-content p {color:var(--text-muted);font-size:0.9rem;} .mob-dossier-card {background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem;transition:var(--transition);} .mob-dossier-card:hover {border-color:var(--primary-red);transform:translateY(-4px);} .mob-dossier-card.featured-dossier {border:1px solid var(--primary-red);background:linear-gradient(180deg, rgba(43, 6, 13, 0.4) 0%, var(--bg-card) 100%);} .mob-thumb-wrapper {position:relative;height:145px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:1.25rem;} .mob-thumb-wrapper img {width:100%;height:100%;object-fit:cover;} .mob-code-badge {position:absolute;bottom:0.5rem;right:0.5rem;background:rgba(0,0,0,0.85);color:var(--primary-red);font-family:var(--font-mono);font-size:0.7rem;padding:0.2rem 0.5rem;border-radius:3px;border:1px solid rgba(230,46,77,0.4);} .mob-dossier-card h3 {font-size:1.3rem;margin-bottom:0.2rem;} .mob-role-text {font-family:var(--font-mono);font-size:0.8rem;color:var(--primary-red);margin-bottom:1rem;} .mob-dossier-card p {color:var(--text-muted);font-size:0.9rem;margin-bottom:1.25rem;} .mob-spec-row {border-top:1px solid var(--border-color);padding-top:0.85rem;display:flex;justify-content:space-between;font-size:0.85rem;} .pro-guide-card {background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.25rem 1.75rem;position:relative;transition:var(--transition);} .pro-guide-card:hover {border-color:var(--glitch-purple);transform:translateY(-4px);} .guide-corner-tag {position:absolute;top:1.25rem;right:1.5rem;font-family:var(--font-display);font-size:2.25rem;font-weight:900;color:rgba(255, 255, 255, 0.05);} .guide-header-icon {width:44px;height:44px;background:rgba(147, 51, 234, 0.15);border:1px solid var(--glitch-purple);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--glitch-purple);margin-bottom:1.25rem;} .guide-header-icon svg {width:22px;height:22px;} .pro-guide-card h3 {font-size:1.2rem;margin-bottom:0.75rem;} .pro-guide-card p {color:var(--text-muted);font-size:0.92rem;} .console-box {margin-top:3.5rem;background:#07060c;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;} .console-header {background:#0c0a14;padding:0.6rem 1rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--border-color);} .console-dots {display:flex;gap:6px;} .console-dots span {width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,0.2);} .console-title {font-family:var(--font-mono);font-size:0.75rem;color:var(--text-dim);letter-spacing:1px;} .console-body {padding:1.25rem 1.5rem;font-family:var(--font-mono);font-size:0.88rem;display:flex;flex-direction:column;gap:0.75rem;} .cmd-line {display:flex;gap:0.75rem;align-items:center;flex-wrap:wrap;} .cmd-prompt {color:var(--primary-red);font-weight:700;} .cmd-text {color:#fff;font-weight:700;} .cmd-result {color:var(--text-muted);font-size:0.85rem;} .req-table-wrapper {background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;backdrop-filter:blur(12px);} .req-table {width:100%;border-collapse:collapse;text-align:left;} .req-table th, .req-table td {padding:1.2rem 1.6rem;border-bottom:1px solid var(--border-color);} .req-table th {background:rgba(255, 255, 255, 0.02);font-family:var(--font-mono);font-size:0.8rem;color:var(--text-dim);text-transform:uppercase;} .req-table tr.critical-row {background:rgba(230, 46, 77, 0.06);} .badge {display:inline-block;padding:0.25rem 0.6rem;border-radius:4px;font-size:0.8rem;font-weight:700;} .badge-green {background:rgba(34, 197, 94, 0.15);color:#4ade80;border:1px solid rgba(34, 197, 94, 0.3);} .badge-purple {background:rgba(147, 51, 234, 0.15);color:#c084fc;border:1px solid rgba(147, 51, 234, 0.3);} .gallery-grid {display:grid;grid-template-columns:repeat(4, 1fr);gap:1.25rem;} .gallery-item {position:relative;height:185px;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:1px solid var(--border-color);} .gallery-item img {width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;} .gallery-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(8, 7, 13, 0.8);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.5rem;opacity:0;transition:opacity 0.2s ease;padding:1rem;text-align:center;} .gallery-item:hover img {transform:scale(1.06);} .gallery-item:hover .gallery-overlay {opacity:1;} .zoom-icon {font-size:1.4rem;} .gallery-overlay span {font-size:0.85rem;font-weight:600;} .footer {background:#040407;border-top:1px solid var(--border-color);padding:3rem 0;} .footer-content {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;} .footer-brand h3 {font-family:var(--font-display);font-size:1.05rem;margin-bottom:0.25rem;} .footer-brand p {color:var(--text-dim);font-size:0.85rem;} .footer-links {display:flex;gap:1.5rem;} .link-btn {background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:0.9rem;font-family:var(--font-body);} .link-btn:hover {color:#fff;} .modal-backdrop, .lightbox-backdrop {position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0, 0, 0, 0.85);backdrop-filter:blur(10px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:1;transition:opacity 0.25s ease;} .modal-backdrop.hidden, .lightbox-backdrop.hidden, .hidden {display:none !important;opacity:0;pointer-events:none;} .modal-dialog {background:#0e0c1a;border:1px solid var(--border-highlight);border-radius:var(--radius-lg);width:100%;max-width:620px;padding:2.25rem;position:relative;box-shadow:0 20px 50px rgba(0, 0, 0, 0.9);max-height:90vh;overflow-y:auto;} .modal-close, .lightbox-close {position:absolute;top:1rem;right:1.25rem;background:none;border:none;color:var(--text-muted);font-size:2rem;cursor:pointer;line-height:1;} .modal-close:hover, .lightbox-close:hover {color:#fff;} .modal-header {display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;} .modal-badge-icon {font-size:2.4rem;} .modal-header h3 {font-size:1.45rem;margin-bottom:0.2rem;} .modal-header p {color:var(--text-muted);font-size:0.88rem;} .dep-alert-box {background:rgba(230, 46, 77, 0.1);border:1px solid rgba(230, 46, 77, 0.3);border-radius:var(--radius-md);padding:1.25rem;display:flex;gap:1rem;margin-bottom:1.5rem;} .alert-icon-svg {width:30px;height:30px;color:var(--primary-red);flex-shrink:0;} .alert-info strong {color:var(--primary-red);font-family:var(--font-display);font-size:0.85rem;display:block;margin-bottom:0.25rem;} .alert-info p {font-size:0.85rem;color:var(--text-main);margin-bottom:0.75rem;} .alert-info code {background:rgba(0,0,0,0.5);padding:0.1rem 0.4rem;border-radius:4px;font-family:var(--font-mono);color:#f87171;} .version-select-section {margin-bottom:1.5rem;} .select-label {display:block;font-weight:700;font-size:0.88rem;margin-bottom:0.5rem;color:var(--text-main);} .custom-select {width:100%;padding:0.85rem 1rem;background:#161326;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:#fff;font-family:var(--font-body);font-size:0.95rem;font-weight:600;outline:none;cursor:pointer;} .custom-select:focus {border-color:var(--primary-red);} .selected-version-card {background:rgba(255, 255, 255, 0.03);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:1.5rem;} .v-file-name {font-family:var(--font-mono);font-size:1.02rem;font-weight:700;color:#fff;margin-bottom:0.4rem;} .v-meta {font-size:0.85rem;color:var(--text-muted);margin-bottom:1.25rem;} .install-accordion {border-top:1px solid var(--border-color);padding-top:1rem;} .accordion-header {width:100%;background:transparent;border:none;color:var(--text-muted);display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:0.95rem;cursor:pointer;padding:0.5rem 0;} .accordion-header:hover {color:#fff;} .install-steps {padding-left:1.25rem;margin-top:1rem;font-size:0.9rem;color:var(--text-muted);display:flex;flex-direction:column;gap:0.6rem;} .install-steps code {background:rgba(255,255,255,0.1);padding:0.1rem 0.3rem;border-radius:4px;font-family:var(--font-mono);} #lightbox-img {max-width:90vw;max-height:85vh;border-radius:var(--radius-md);border:2px solid var(--primary-red);box-shadow:0 0 50px rgba(0,0,0,0.9);} @media (max-width:1024px) {.hero-split-grid {grid-template-columns:1fr;gap:2.5rem;} .hero-text-content {text-align:center;} .hero-badge, .mc-specs-tooltip-bar, .hero-buttons {justify-content:center;} .mc-spec-col {align-items:center;} .grid-2-col, .grid-3-col, .gallery-grid {grid-template-columns:repeat(2, 1fr);} .codex-body {grid-template-columns:1fr;}} @media (max-width:768px) {.nav-links {display:none;} .modal-dropdowns-row {grid-template-columns:1fr;} .grid-2-col, .grid-3-col, .gallery-grid {grid-template-columns:1fr;} .hero-thumbs-strip {grid-template-columns:repeat(3, 1fr);} .hero-title {font-size:2.4rem;} .mc-specs-tooltip-bar {flex-direction:column;gap:0.75rem;} .mc-divider {display:none;} .warning-flex {flex-direction:column;text-align:center;}}