:root{--bg-black: #06050a;--bg-deep: #0a0812;--bg-surface: #110e1c;--bg-surface-elevated: #181427;--bg-glass: rgba(17,14,28,0.75);--accent-purple: #9b4dff;--accent-purple-glow: rgba(155,77,255,0.45);--accent-cyan: #00f0ff;--accent-magenta: #e024c3;--yt-red: #ff0000;--text-bright: #ffffff;--text-main: #f5f3f9;--text-muted: #d5cfeb;--text-dim: #9c95b3;--border-subtle: rgba(155,77,255,0.18);--border-accent: rgba(155,77,255,0.4);--border-glow: rgba(155,77,255,0.7);--shadow-card: 0 10px 30px -5px rgba(0,0,0,0.8);--shadow-glow: 0 0 25px rgba(155,77,255,0.35);--max-w-main: 1320px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--font-sans: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--transition-fast: 0.18s cubic-bezier(0.4,0,0.2,1);--transition-med: 0.3s cubic-bezier(0.4,0,0.2,1)}:focus-visible{outline: 2px solid var(--accent-cyan);outline-offset: 3px}.skip-link{position: absolute;top: -100px;left: 20px;background: var(--accent-purple);color: #fff;padding: 12px 20px;z-index: 10000;font-weight: 700;border-radius: var(--radius-sm);text-decoration: none;box-shadow: 0 0 20px rgba(155,77,255,0.8);transition: top 0.2s ease-in-out}.skip-link:focus{top: 20px}.visually-hidden{position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0,0,0,0) !important;white-space: nowrap !important;border: 0 !important}*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{scroll-behavior: smooth;color-scheme: dark}body{background-color: var(--bg-black);color: var(--text-main);font-family: var(--font-sans);line-height: 1.6;min-height: 100vh;max-width: 100%;overflow-x: hidden;position: relative;background-image: radial-gradient(circle at 15% 10%,rgba(155,77,255,0.08) 0%,transparent 40%),radial-gradient(circle at 85% 60%,rgba(224,36,195,0.05) 0%,transparent 45%),linear-gradient(180deg,#06050a 0%,#0a0812 50%,#06050a 100%);background-attachment: fixed}img,picture,video,iframe{display: block;max-width: 100%}.bg-watermark{position: fixed;top: 15%;right: -5%;width: 45vw;max-width: 650px;height: 70vh;background-image: url('../images/r-avatar-face.webp');background-size: contain;background-repeat: no-repeat;background-position: center right;opacity: 0.045;pointer-events: none;z-index: 0;filter: drop-shadow(0 0 50px rgba(155,77,255,0.6));mix-blend-mode: screen}.bg-watermark-left{position: fixed;bottom: 5%;left: -8%;width: 40vw;max-width: 550px;height: 60vh;background-image: url('../images/r-avatar-face.webp');background-size: contain;background-repeat: no-repeat;background-position: center left;transform: scaleX(-1);opacity: 0.035;pointer-events: none;z-index: 0;mix-blend-mode: screen}@media (max-width: 768px){.bg-watermark,.bg-watermark-left{display: none}}a{color: inherit;text-decoration: none;transition: color var(--transition-fast)}h1,h2,h3,h4,h5,h6{color: var(--text-bright);font-weight: 800;letter-spacing: -0.02em;line-height: 1.2}.highlight-purple{color: var(--accent-purple);text-shadow: 0 0 15px var(--accent-purple-glow)}.highlight-cyan{color: var(--accent-cyan);text-shadow: 0 0 15px rgba(0,240,255,0.4)}.container{width: 100%;max-width: var(--max-w-main);margin-left: auto;margin-right: auto;padding-left: 24px;padding-right: 24px;position: relative;z-index: 1}.site-nav{position: sticky;top: 0;z-index: 100;background: rgba(10,8,18,0.85);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);border-bottom: 1px solid var(--border-subtle);transition: background var(--transition-fast),border-color var(--transition-fast)}.site-nav .container{display: flex;align-items: center;justify-content: space-between;height: 74px}.nav-brand{display: flex;align-items: center;gap: 12px}.nav-brand img{width: 44px;height: 44px;border-radius: var(--radius-sm);filter: drop-shadow(0 0 10px rgba(155,77,255,0.5))}.nav-brand-text{display: flex;flex-direction: column}.nav-brand-title{font-size: 1.25rem;font-weight: 900;letter-spacing: 0.05em;color: var(--text-bright);line-height: 1}.nav-brand-sub{font-size: 0.65rem;font-weight: 700;color: var(--accent-purple);letter-spacing: 0.25em;line-height: 1.2}.nav-links{display: flex;align-items: center;gap: 28px;list-style: none}.nav-links a{font-size: 0.95rem;font-weight: 600;color: var(--text-muted);padding: 6px 0;position: relative}.nav-links a:hover,.nav-links a.active{color: var(--text-bright)}.nav-links a::after{content: '';position: absolute;bottom: 0;left: 0;width: 0%;height: 2px;background: linear-gradient(90deg,var(--accent-purple),var(--accent-cyan));transition: width var(--transition-fast)}.nav-links a:hover::after,.nav-links a.active::after{width: 100%}.nav-cta{display: flex;align-items: center;gap: 14px}.mobile-menu-btn{display: none;background: none;border: 1px solid var(--border-subtle);color: var(--text-bright);font-size: 1.4rem;padding: 8px 12px;border-radius: var(--radius-sm);cursor: pointer}.btn{display: inline-flex;align-items: center;gap: 8px;padding: 12px 24px;font-size: 0.95rem;font-weight: 700;border-radius: var(--radius-md);border: none;cursor: pointer;transition: all var(--transition-fast);text-align: center;white-space: nowrap;text-decoration: none}.btn-sm{padding: 8px 16px;font-size: 0.85rem;border-radius: var(--radius-sm)}.btn-lg{padding: 16px 32px;font-size: 1.05rem;border-radius: var(--radius-md)}.btn-purple{background: linear-gradient(135deg,var(--accent-purple) 0%,#7928ca 100%);color: #fff;box-shadow: 0 4px 20px rgba(155,77,255,0.4)}.btn-purple:hover{transform: translateY(-2px);box-shadow: 0 6px 26px rgba(155,77,255,0.6);color: #fff}.btn-yt{background: var(--yt-red);color: #fff;box-shadow: 0 4px 18px rgba(255,0,0,0.35)}.btn-yt:hover{background: #cc0000;transform: translateY(-2px);box-shadow: 0 6px 24px rgba(255,0,0,0.55);color: #fff}.btn-outline{background: rgba(255,255,255,0.04);color: var(--text-bright);border: 1px solid var(--border-accent)}.btn-outline:hover{background: rgba(155,77,255,0.15);border-color: var(--accent-purple);color: #fff;transform: translateY(-2px)}.badge{display: inline-flex;align-items: center;gap: 6px;padding: 4px 12px;font-size: 0.75rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.08em;border-radius: var(--radius-full);background: rgba(155,77,255,0.18);color: #d8b4fe;border: 1px solid rgba(155,77,255,0.35)}.badge-cyan{background: rgba(0,240,255,0.12);color: #38f8ff;border-color: rgba(0,240,255,0.35)}.badge-yt{background: rgba(255,0,0,0.15);color: #ffa0a0;border-color: rgba(255,0,0,0.4)}.video-player-container{position: relative;width: 100%;aspect-ratio: 16 / 9;background: #000;border-radius: var(--radius-lg);overflow: hidden;border: 1px solid var(--border-accent);box-shadow: var(--shadow-card),0 0 50px rgba(155,77,255,0.25);margin-bottom: 30px}.video-player-container iframe,.video-player-container video{width: 100%;height: 100%;border: none}.video-poster-placeholder{position: relative;width: 100%;height: 100%}.video-poster-placeholder img{width: 100%;height: 100%;object-fit: cover}.video-facade{cursor: pointer}.video-facade:hover .spotlight-play-overlay{background: rgba(10,8,18,0.25)}.video-facade:hover .play-circle{transform: scale(1.1);box-shadow: 0 0 45px rgba(255,0,0,0.9)}.video-facade:focus-visible{outline: 3px solid var(--accent-cyan);outline-offset: 4px}.spotlight-play-overlay{position: absolute;inset: 0;background: rgba(10,8,18,0.45);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 16px;cursor: pointer;transition: background var(--transition-fast)}.spotlight-play-overlay:hover{background: rgba(10,8,18,0.25)}.play-circle{width: 76px;height: 76px;border-radius: 50%;background: var(--yt-red);color: #fff;display: flex;align-items: center;justify-content: center;box-shadow: 0 0 30px rgba(255,0,0,0.7);transition: transform var(--transition-fast),box-shadow var(--transition-fast)}.spotlight-play-overlay:hover .play-circle{transform: scale(1.1);box-shadow: 0 0 45px rgba(255,0,0,0.9)}.site-footer{background: #040307;border-top: 1px solid var(--border-subtle);padding: 60px 0 30px;margin-top: 80px;position: relative;z-index: 1}.footer-grid{display: grid;grid-template-columns: 1.5fr 1fr 1fr;gap: 40px;margin-bottom: 40px}.footer-brand{display: flex;flex-direction: column;gap: 14px}.footer-brand img{height: 50px;width: auto;align-self: flex-start}.footer-brand p{color: var(--text-dim);font-size: 0.92rem;line-height: 1.7}.footer-col h3,.footer-col h4,.footer-col-title{font-size: 1.05rem;margin-bottom: 16px;color: var(--text-bright);text-transform: uppercase;letter-spacing: 0.05em}.footer-links{list-style: none;display: flex;flex-direction: column;gap: 10px}.footer-links a{color: var(--text-muted);font-size: 0.92rem}.footer-links a:hover{color: var(--accent-purple)}.footer-bottom{padding-top: 30px;border-top: 1px solid var(--border-subtle);display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: 16px;font-size: 0.85rem;color: var(--text-dim)}.toast{position: fixed;bottom: 24px;right: 24px;background: var(--bg-surface-elevated);border: 1px solid var(--accent-purple);color: var(--text-bright);padding: 12px 20px;border-radius: var(--radius-md);box-shadow: 0 10px 30px rgba(0,0,0,0.8),0 0 20px rgba(155,77,255,0.4);font-size: 0.9rem;font-weight: 600;z-index: 999;display: none;animation: slideIn 0.25s ease forwards}@keyframes slideIn{from{transform: translateY(20px);opacity: 0}to{transform: translateY(0);opacity: 1}}.file-protocol-warning{background: rgba(255,179,0,0.08);border: 1px solid rgba(255,179,0,0.35);border-radius: var(--radius-md);padding: 16px 20px;margin-bottom: 20px;box-shadow: 0 4px 20px rgba(0,0,0,0.4)}.file-protocol-warning .warning-header{display: flex;align-items: center;gap: 10px;font-size: 1.05rem;font-weight: 700;color: #ffe082;margin-bottom: 8px}.file-protocol-warning p{color: rgba(255,255,255,0.88);margin-bottom: 10px;font-size: 0.95rem;line-height: 1.5}.file-protocol-warning .warning-footer{display: flex;flex-direction: column;gap: 6px;font-size: 0.85rem;color: var(--text-muted)}.file-protocol-warning code{background: rgba(0,0,0,0.5);padding: 2px 7px;border-radius: 4px;color: var(--accent-cyan);border: 1px solid var(--border-subtle);font-family: monospace}@media (max-width: 992px){.footer-grid{grid-template-columns: 1fr;gap: 30px}}@media (max-width: 768px){.nav-links,.nav-cta{display: none}.nav-links.mobile-open{display: flex;flex-direction: column;position: absolute;top: 74px;left: 0;right: 0;background: var(--bg-deep);border-bottom: 1px solid var(--border-accent);padding: 24px;gap: 18px}.mobile-menu-btn{display: block}}@media (max-width: 480px){.container{padding-left: 16px;padding-right: 16px}.btn{width: 100%;min-height: 44px;justify-content: center}.site-nav .container{height: 64px}.mobile-menu-btn{min-width: 44px;min-height: 44px}}