@font-face{font-family: 'Kite One';font-style: normal;font-weight: 400;font-display: swap;src: url('/assets/fonts/Kite_One/KiteOne-Regular.woff2') format('woff2'), url('/assets/fonts/Kite_One/KiteOne-Regular.ttf') format('truetype');}@font-face{font-family: 'Space Mono';font-style: normal;font-weight: 400;font-display: swap;src: url('/assets/fonts/Space_Mono/SpaceMono-Regular.woff2') format('woff2'), url('/assets/fonts/Space_Mono/SpaceMono-Regular.ttf') format('truetype');}@font-face{font-family: 'Space Mono';font-style: normal;font-weight: 700;font-display: swap;src: url('/assets/fonts/Space_Mono/SpaceMono-Bold.woff2') format('woff2'), url('/assets/fonts/Space_Mono/SpaceMono-Bold.ttf') format('truetype');}:root{--bg-dark: #07050e;--bg-card: #100c1e;--bg-card-alt: #161129;--border-purple: #2b1f48;--border-glow: #8b5cf6;--accent-green: #00ff9d;--accent-green-dim: #00c97b;--accent-purple: #a855f7;--accent-cyan: #06b6d4;--text-main: #e2e8f0;--text-muted: #94a3b8;--font-mono: 'Kite One', sans-serif;--font-terminal: 'Space Mono', 'Courier New', Courier, monospace;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;--grid-line: rgba(139, 92, 246, 0.075);--grid-size: 32px;}*{box-sizing: border-box;margin: 0;padding: 0;}body{background-color: var(--bg-dark);color: var(--text-main);font-family: var(--font-sans);line-height: 1.6;min-height: 100vh;display: flex;flex-direction: column;background-image: linear-gradient(to right, var(--grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line) 1px, transparent 1px), radial-gradient(circle at 15% 15%, rgba(139, 92, 246, 0.12) 0%, transparent 45%), radial-gradient(circle at 85% 75%, rgba(0, 255, 157, 0.06) 0%, transparent 45%);background-size: var(--grid-size) var(--grid-size), var(--grid-size) var(--grid-size), 100% 100%, 100% 100%;background-repeat: repeat, repeat, no-repeat, no-repeat;background-position: 0 0, 0 0, center center, center center;background-attachment: fixed;}a:focus-visible, button:focus-visible, input:focus-visible{outline: 2px solid var(--accent-green);outline-offset: 4px;}.bg-interactive-canvas{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;pointer-events: none;z-index: 0;opacity: 0.85;}header{width: 100%;border-bottom: 1px solid var(--border-purple);background: rgba(7, 5, 14, 0.85);backdrop-filter: blur(12px);position: sticky;top: 0;z-index: 100;transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s ease;}body.has-terminal-maximized header, body:has(.terminal-card.terminal-maximized) header{z-index: 0 !important;display: none !important;}body.has-terminal-maximized main.content-wrapper, body:has(.terminal-card.terminal-maximized) main.content-wrapper{position: static !important;z-index: 2147483647 !important;}body.bg-playing-mode header{transform: translateY(-110%);opacity: 0;pointer-events: none;}.header-container{max-width: 1400px;margin: 0 auto;padding: 16px 24px;display: flex;align-items: center;justify-content: space-between;}.brand-logo{font-family: var(--font-mono);font-weight: 700;font-size: 1.25rem;color: #ffffff;text-decoration: none;display: flex;align-items: center;gap: 8px;letter-spacing: 0.05em;}.brand-logo-img{width: 28px;height: 28px;border-radius: 6px;object-fit: contain;flex-shrink: 0;transition: transform 0.2s ease;}.brand-logo:hover .brand-logo-img{transform: scale(1.08);}.brand-logo .accent-slash{color: var(--accent-green);}.brand-logo .cursor-block{display: inline-block;width: 10px;height: 18px;background-color: var(--accent-green);box-shadow: 0 0 10px var(--accent-green);animation: blink 1.2s infinite;}@keyframes blink{0%, 49%{opacity: 1;}50%, 100%{opacity: 0;}}nav.main-nav{display: flex;align-items: center;gap: 28px;font-family: var(--font-mono);font-size: 0.875rem;}nav.main-nav a{color: var(--text-muted);text-decoration: none;transition: color 0.2s ease, text-shadow 0.2s ease;text-transform: uppercase;letter-spacing: 0.05em;}nav.main-nav a:hover, nav.main-nav a.active{color: var(--accent-green);text-shadow: 0 0 8px rgba(0, 255, 157, 0.5);}.header-status{display: flex;align-items: center;gap: 16px;font-family: var(--font-mono);font-size: 0.8125rem;}.status-badge{display: flex;align-items: center;gap: 8px;color: var(--accent-green);font-weight: 600;}.status-dot{width: 8px;height: 8px;background-color: var(--accent-green);border-radius: 50%;box-shadow: 0 0 10px var(--accent-green);}.header-tagline{color: var(--text-muted);font-style: italic;}main.content-wrapper{max-width: 1400px;margin: 0 auto;padding: 32px 24px;flex: 1;display: flex;flex-direction: column;gap: 32px;width: 100%;position: relative;z-index: 1;}footer{width: 100%;border-top: 1px solid var(--border-purple);background-color: #05040a;padding: 24px 0;margin-top: 40px;position: relative;z-index: 1;transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s ease;}body.bg-playing-mode footer{transform: translateY(110%);opacity: 0;pointer-events: none;}.footer-container{max-width: 1400px;margin: 0 auto;padding: 0 24px;display: flex;align-items: center;justify-content: space-between;font-family: var(--font-mono);font-size: 0.75rem;color: var(--text-muted);flex-wrap: wrap;gap: 16px;}.footer-links{display: flex;gap: 20px;}.footer-links a{color: var(--text-muted);text-decoration: none;}.footer-links a:hover{color: var(--accent-green);}@media (max-width: 640px){.header-container{flex-direction: column;gap: 12px;align-items: flex-start;}}.cyber-card{background-color: var(--bg-card);border: 1px solid var(--border-purple);border-radius: 8px;padding: 24px;position: relative;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);transition: border-color 0.25s ease, box-shadow 0.25s ease;}.cyber-card:hover{border-color: rgba(139, 92, 246, 0.6);box-shadow: 0 0 25px rgba(139, 92, 246, 0.15);}.card-header-tag{font-family: var(--font-mono);font-size: 0.75rem;color: var(--accent-green);letter-spacing: 0.1em;margin-bottom: 16px;text-transform: uppercase;display: flex;align-items: center;gap: 8px;}.btn-primary{display: inline-flex;align-items: center;gap: 10px;padding: 14px 24px;background-color: rgba(0, 255, 157, 0.1);border: 1px solid var(--accent-green);color: var(--accent-green);font-family: var(--font-mono);font-weight: 700;font-size: 0.875rem;text-decoration: none;border-radius: 6px;box-shadow: 0 0 15px rgba(0, 255, 157, 0.15);transition: all 0.25s ease;text-transform: uppercase;cursor: pointer;}.btn-primary:hover{background-color: var(--accent-green);color: #000000;box-shadow: 0 0 25px rgba(0, 255, 157, 0.5);transform: translateY(-2px);}.btn-secondary{display: inline-flex;align-items: center;gap: 10px;padding: 14px 24px;background-color: transparent;border: 1px solid var(--border-purple);color: var(--text-main);font-family: var(--font-mono);font-weight: 600;font-size: 0.875rem;text-decoration: none;border-radius: 6px;transition: all 0.25s ease;text-transform: uppercase;cursor: pointer;}.btn-secondary:hover{border-color: var(--accent-purple);color: var(--accent-purple);background-color: rgba(168, 85, 247, 0.08);transform: translateY(-2px);}.search-container{position: relative;max-width: 520px;width: 100%;margin-bottom: 24px;}.search-input-wrapper{position: relative;display: flex;align-items: center;}.search-input-prompt{position: absolute;left: 14px;color: var(--accent-purple);font-family: var(--font-mono);font-size: 0.8125rem;pointer-events: none;font-weight: 600;}.search-input{width: 100%;background: rgba(13, 10, 29, 0.85);border: 1px solid var(--border-purple);padding: 10px 14px 10px 92px;border-radius: 6px;color: var(--text-main);font-family: var(--font-mono);font-size: 0.875rem;transition: all 0.2s ease;}.search-input:focus{outline: none;border-color: var(--accent-green);box-shadow: 0 0 15px rgba(0, 255, 157, 0.2);}.search-results-dropdown{position: absolute;top: calc(100% + 6px);left: 0;right: 0;background: #0d0a1d;border: 1px solid var(--border-purple);border-radius: 6px;box-shadow: 0 12px 30px rgba(0, 0, 0, 0.8);z-index: 200;max-height: 320px;overflow-y: auto;padding: 6px;display: flex;flex-direction: column;gap: 4px;}.search-result-item{display: flex;justify-content: space-between;align-items: center;padding: 8px 12px;border-radius: 4px;text-decoration: none;color: #e5e7eb;background: rgba(255, 255, 255, 0.02);border: 1px solid transparent;transition: all 0.15s ease;}.search-result-item:hover, .search-result-item:focus{background: rgba(139, 92, 246, 0.15);border-color: var(--border-purple);color: #ffffff;}.search-result-title{font-family: var(--font-mono);font-size: 0.8125rem;font-weight: 600;color: var(--accent-green);}.search-result-link{font-family: var(--font-mono);font-size: 0.72rem;color: var(--accent-purple);margin-left: 8px;flex-shrink: 0;}.search-empty-state{padding: 12px;text-align: center;color: var(--text-muted);font-family: var(--font-mono);font-size: 0.75rem;}.hero-grid{display: grid;grid-template-columns: 280px 1fr 340px;gap: 24px;position: relative;z-index: 30;}.left-col{display: flex;flex-direction: column;gap: 24px;}.socials-list{display: flex;flex-direction: column;gap: 12px;}.social-item{display: flex;align-items: center;justify-content: space-between;padding: 12px 14px;background-color: rgba(22, 17, 41, 0.7);border: 1px solid var(--border-purple);border-radius: 6px;text-decoration: none;color: var(--text-main);transition: all 0.2s ease;}.social-item:hover{border-color: var(--accent-green);background-color: rgba(0, 255, 157, 0.05);transform: translateX(4px);}.social-info{display: flex;align-items: center;gap: 12px;}.social-icon{width: 24px;height: 24px;display: flex;align-items: center;justify-content: center;}.social-name{font-family: var(--font-mono);font-size: 0.8125rem;font-weight: 600;}.social-handle{font-size: 0.75rem;color: var(--text-muted);display: block;}.arrow-icon{font-family: var(--font-mono);color: var(--text-muted);font-size: 0.875rem;transition: color 0.2s ease, transform 0.2s ease;}.social-item:hover .arrow-icon{color: var(--accent-green);transform: translateX(2px);}.quote-card{font-family: var(--font-mono);font-size: 0.875rem;color: var(--accent-purple);border-left: 3px solid var(--accent-purple);padding-left: 16px;font-style: italic;background: linear-gradient(135deg, rgba(168, 85, 247, 0.05), transparent);}.main-hero-card{display: flex;flex-direction: column;justify-content: space-between;background: linear-gradient(180deg, var(--bg-card) 0%, rgba(16, 12, 30, 0.95) 100%);border: 1px solid var(--border-purple);position: relative;overflow: hidden;}.hero-badge{display: inline-block;font-family: var(--font-mono);font-size: 0.8125rem;color: var(--accent-purple);border: 1px solid var(--border-purple);padding: 4px 12px;border-radius: 4px;width: fit-content;margin-bottom: 20px;background: rgba(168, 85, 247, 0.08);}h1.hero-headline{font-family: var(--font-mono);font-size: 2.25rem;font-weight: 700;line-height: 1.25;letter-spacing: -0.02em;margin-bottom: 20px;color: #ffffff;}h1.hero-headline .highlight-green{color: var(--accent-green);text-shadow: 0 0 15px rgba(0, 255, 157, 0.3);}p.hero-bio{color: var(--text-muted);font-size: 1rem;line-height: 1.7;margin-bottom: 28px;max-width: 680px;}.cta-group{display: flex;align-items: center;gap: 16px;margin-bottom: 24px;flex-wrap: wrap;}.hero-subtext{font-size: 0.8125rem;color: var(--text-muted);margin-bottom: 24px;}.explore-scroll{display: flex;flex-direction: column;align-items: center;gap: 4px;font-family: var(--font-mono);font-size: 0.75rem;color: var(--text-muted);margin-top: 12px;text-decoration: none;transition: color 0.2s ease;}.explore-scroll:hover{color: var(--accent-green);}.explore-scroll .scroll-arrows{color: var(--accent-green);animation: bounce 2s infinite;}@keyframes bounce{0%, 20%, 50%, 80%, 100%{transform: translateY(0);}40%{transform: translateY(6px);}60%{transform: translateY(3px);}}.right-col{display: flex;flex-direction: column;gap: 24px;}.terminal-card{background-color: #0b0817;border: 1px solid var(--border-purple);border-radius: 8px;overflow: hidden;display: flex;flex-direction: column;box-shadow: 0 8px 30px rgba(0, 0, 0, 0.5);font-family: var(--font-terminal);position: relative;z-index: 50;touch-action: none;transition: box-shadow 0.2s ease, border-color 0.2s ease;}.terminal-card.terminal-dragging, .terminal-card.terminal-moved{z-index: 10000 !important;box-shadow: 0 16px 40px rgba(0, 0, 0, 0.8), 0 0 20px rgba(139, 92, 246, 0.45);border-color: var(--border-glow);}.terminal-card.terminal-dragging{cursor: grabbing;}.terminal-card.terminal-closed{display: none !important;}.terminal-card.terminal-minimized{min-height: unset;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);}.terminal-card.terminal-minimized .terminal-body, .terminal-card.terminal-minimized .terminal-input-wrap{display: none !important;}.terminal-card.terminal-maximized{position: fixed !important;top: 0 !important;left: 0 !important;right: 0 !important;bottom: 0 !important;width: 100vw !important;height: 100vh !important;max-width: 100vw !important;max-height: 100vh !important;z-index: 2147483647 !important;transform: none !important;margin: 0 !important;border-radius: 0 !important;border: none !important;box-shadow: none !important;}.terminal-card.terminal-maximized .terminal-header{border-radius: 0 !important;padding: 12px 18px !important;}.terminal-card.terminal-maximized .terminal-body{flex: 1 1 auto !important;max-height: none !important;height: calc(100vh - 105px) !important;padding: 16px 20px !important;}.terminal-header{background-color: #15102a;padding: 10px 14px;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid var(--border-purple);cursor: grab;user-select: none;-webkit-user-select: none;}.terminal-header:active{cursor: grabbing;}.terminal-title{font-family: var(--font-terminal);font-size: 0.75rem;color: var(--text-muted);letter-spacing: 0.5px;}.terminal-controls{display: flex;gap: 7px;align-items: center;}.control-dot{width: 12px;height: 12px;border-radius: 50%;border: none;padding: 0;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;position: relative;transition: transform 0.15s ease, filter 0.15s ease;}.control-dot::after{content: '';position: absolute;top: -6px;left: -6px;right: -6px;bottom: -6px;}.control-dot:hover{transform: scale(1.15);filter: brightness(1.2);}.control-dot:focus-visible{outline: 2px solid #fff;outline-offset: 2px;}.control-dot.red{background-color: #ef4444;}.control-dot.yellow{background-color: #f59e0b;}.control-dot.green{background-color: #10b981;}.terminal-body{padding: 16px;font-family: var(--font-terminal);font-size: 0.8125rem;color: #d1d5db;min-height: 220px;display: flex;flex-direction: column;gap: 8px;overflow-y: auto;max-height: 320px;}.terminal-prompt{color: var(--accent-purple);font-family: var(--font-terminal);font-weight: 700;}.terminal-cmd{color: var(--accent-green);font-family: var(--font-terminal);}.cmd-list{list-style: none;margin-top: 4px;padding-left: 12px;font-family: var(--font-terminal);}.cmd-list li{display: flex;gap: 12px;margin-bottom: 4px;}.cmd-name{color: var(--accent-green);font-weight: 600;width: 80px;cursor: pointer;font-family: var(--font-terminal);}.cmd-name:hover{text-decoration: underline;}.cmd-desc{color: var(--text-muted);font-family: var(--font-terminal);}.terminal-input-wrap{padding: 8px 16px;border-top: 1px solid var(--border-purple);background-color: #0d0a1d;}.terminal-input-line{display: flex;align-items: center;gap: 8px;font-family: var(--font-terminal);}.terminal-input{background: transparent;border: none;color: var(--text-main);font-family: var(--font-terminal);font-size: 0.8125rem;flex: 1;}.terminal-input:focus{outline: none;}.currently-list{list-style: none;display: flex;flex-direction: column;gap: 10px;font-size: 0.8125rem;color: var(--text-muted);}.currently-list li{display: flex;align-items: center;gap: 8px;}.currently-list li::before{content: "•";color: var(--accent-green);font-size: 1.2rem;}.bottom-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;position: relative;z-index: 5;}.nav-card{background-color: var(--bg-card);border: 1px solid var(--border-purple);border-radius: 8px;padding: 24px;text-decoration: none;color: var(--text-main);display: flex;flex-direction: column;justify-content: space-between;min-height: 160px;position: relative;overflow: hidden;transition: all 0.3s ease;}.nav-card:hover{border-color: var(--accent-green);box-shadow: 0 0 20px rgba(0, 255, 157, 0.2);transform: translateY(-4px);}.nav-card-num{font-family: var(--font-mono);font-size: 0.875rem;color: var(--accent-green);font-weight: 700;margin-bottom: 12px;}.nav-card-title{font-family: var(--font-mono);font-size: 1.25rem;font-weight: 700;color: #ffffff;margin-bottom: 6px;text-transform: uppercase;}.nav-card-desc{font-size: 0.8125rem;color: var(--text-muted);}.nav-card-arrow{align-self: flex-end;font-family: var(--font-mono);width: 32px;height: 32px;border-radius: 4px;background-color: rgba(0, 255, 157, 0.1);border: 1px solid var(--accent-green);color: var(--accent-green);display: flex;align-items: center;justify-content: center;margin-top: 16px;transition: all 0.2s ease;}.nav-card:hover .nav-card-arrow{background-color: var(--accent-green);color: #000000;transform: scale(1.1);}@media (max-width: 1100px){.hero-grid{grid-template-columns: 1fr;}.bottom-grid{grid-template-columns: repeat(2, 1fr);}}@media (max-width: 640px){.bottom-grid{grid-template-columns: 1fr;}h1.hero-headline{font-size: 1.65rem;}}.hero-grid .left-col, .hero-grid .main-hero-card, .hero-grid .currently-card, .bottom-grid, .explore-scroll{transition: transform 0.65s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s ease;}body.bg-playing-mode .hero-grid .left-col{transform: translateX(-120px);opacity: 0;pointer-events: none;}body.bg-playing-mode .hero-grid .main-hero-card{transform: translateY(120px) scale(0.92);opacity: 0;pointer-events: none;}body.bg-playing-mode .hero-grid .currently-card{transform: translateY(120px);opacity: 0;pointer-events: none;}body.bg-playing-mode .bottom-grid{transform: translateY(140px);opacity: 0;pointer-events: none;}body.bg-playing-mode .explore-scroll{opacity: 0;pointer-events: none;}.terminal-card.terminal-playing-mode{border-color: var(--accent-green) !important;box-shadow: 0 0 20px rgba(0, 255, 157, 0.25), 0 8px 30px rgba(0, 0, 0, 0.7) !important;z-index: 500;}.terminal-playing-hud{background: rgba(0, 255, 157, 0.08);border: 1px solid rgba(0, 255, 157, 0.3);border-radius: 6px;padding: 10px 14px;margin: 8px 0;}.terminal-playing-hud .hud-title{color: var(--accent-green);font-weight: 700;font-size: 0.95rem;display: flex;align-items: center;gap: 8px;}.terminal-playing-hud .hud-pulse-dot{width: 8px;height: 8px;border-radius: 50%;background-color: var(--accent-green);box-shadow: 0 0 10px var(--accent-green);animation: blink 1s infinite alternate;}.terminal-playing-hud .hud-details{color: #e5e7eb;font-size: 0.825rem;margin: 6px 0;line-height: 1.4;}.terminal-playing-hud .hud-actions{display: flex;align-items: center;justify-content: space-between;margin-top: 8px;padding-top: 6px;border-top: 1px solid rgba(0, 255, 157, 0.15);}.terminal-playing-hud .hud-hint{color: var(--text-muted);font-size: 0.75rem;}.hud-interrupt-btn{background: rgba(239, 68, 68, 0.15);border: 1px solid rgba(239, 68, 68, 0.4);color: #fca5a5;padding: 4px 10px;font-family: var(--font-terminal);font-size: 0.75rem;border-radius: 4px;cursor: pointer;transition: all 0.2s ease;}.hud-interrupt-btn:hover{background: rgba(239, 68, 68, 0.3);color: #ffffff;border-color: #ef4444;}.terminal-restore-pill{position: fixed;bottom: 24px;right: 24px;background: rgba(15, 11, 30, 0.9);border: 1px solid var(--accent-green);color: var(--accent-green);font-family: var(--font-terminal);font-size: 0.825rem;font-weight: 600;padding: 8px 16px;border-radius: 20px;cursor: pointer;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6), 0 0 15px rgba(0, 255, 157, 0.25);z-index: 9999;display: none;align-items: center;gap: 8px;transition: all 0.2s ease;backdrop-filter: blur(8px);}.terminal-restore-pill:hover{background: var(--accent-green);color: #07050e;box-shadow: 0 6px 25px rgba(0, 255, 157, 0.5);transform: translateY(-2px);}