@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root,[data-theme=dark]{--bg-deep: #070b14;--bg-card: rgba(15, 23, 42, .65);--bg-card-inner: rgba(20, 30, 50, .6);--border-glow: rgba(96, 165, 250, .15);--accent: #60a5fa;--accent-bright: #93c5fd;--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .65);--text-muted: rgba(255, 255, 255, .45);--nav-bg: rgba(7, 11, 20, .85);--nav-border: rgba(255, 255, 255, .04);--card-border: rgba(255, 255, 255, .05);--card-shadow: rgba(0, 0, 0, .4);--icon-bg: rgba(255, 255, 255, .06);--icon-border: rgba(255, 255, 255, .04);--background-overlay: rgba(7, 11, 20, .48);--text-inactive: rgba(255, 255, 255, .55);--text-soft: rgba(255, 255, 255, .7);--text-strong: rgba(255, 255, 255, .85);--hover-bg: rgba(96, 165, 250, .06);--hover-text: rgba(255, 255, 255, .9);--video-opacity: .7;--mobile-light-primary: rgba(255, 255, 255, .68);--mobile-light-secondary: rgba(96, 165, 250, .58)}[data-theme=light]{--bg-deep: #f0f4f8;--bg-card: rgba(255, 255, 255, .7);--bg-card-inner: rgba(255, 255, 255, .6);--border-glow: rgba(37, 99, 235, .2);--accent: #2563eb;--accent-bright: #1d4ed8;--text-primary: rgba(15, 23, 42, .92);--text-secondary: rgba(30, 41, 59, .75);--text-muted: rgba(51, 65, 85, .78);--nav-bg: rgba(255, 255, 255, .85);--nav-border: rgba(0, 0, 0, .06);--card-border: rgba(0, 0, 0, .06);--card-shadow: rgba(0, 0, 0, .08);--icon-bg: rgba(37, 99, 235, .08);--icon-border: rgba(37, 99, 235, .1);--background-overlay: rgba(240, 244, 248, .18);--text-inactive: rgba(51, 65, 85, .76);--text-soft: rgba(30, 41, 59, .8);--text-strong: rgba(15, 23, 42, .9);--hover-bg: rgba(37, 99, 235, .08);--hover-text: rgba(15, 23, 42, .95);--video-opacity: .4;--mobile-light-primary: rgba(30, 64, 175, .45);--mobile-light-secondary: rgba(71, 85, 105, .34)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-deep);transition:background .3s ease}a:link,a:visited{text-decoration:none;color:var(--accent);transition:color .2s ease}a:hover{text-decoration:none;color:var(--accent-bright)}.App{width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:var(--bg-deep);transition:background .3s ease}.ScreenWrapper{flex:1;display:grid;grid-template:1fr / 1fr;overflow:hidden}.BackgroundLayer{grid-area:1 / 1;position:relative;overflow:hidden;pointer-events:none;z-index:0}.BackgroundLayer video{width:100%;height:100%;object-fit:cover;opacity:var(--video-opacity)}@media (max-width: 768px){.BackgroundLayer video{display:none}.BackgroundLayer{background:var(--bg-deep)}}.BackgroundLayer .overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--background-overlay)}@media (max-width: 768px){.BackgroundLayer .overlay{background:transparent}}@media (max-width: 768px) and (prefers-reduced-motion: reduce){.BackgroundLayer:before,.BackgroundLayer:after{content:"";position:absolute;z-index:1;top:0;left:0;width:2px;height:2px;border-radius:50%;pointer-events:none}.BackgroundLayer:before{background:var(--mobile-light-primary);box-shadow:8vw 12vh 0 0 var(--mobile-light-primary),28vw 8vh 0 0 var(--mobile-light-primary),52vw 18vh 0 0 var(--mobile-light-primary),82vw 10vh 0 0 var(--mobile-light-primary),16vw 34vh 0 0 var(--mobile-light-primary),43vw 42vh 0 0 var(--mobile-light-primary),72vw 31vh 0 0 var(--mobile-light-primary),91vw 47vh 0 0 var(--mobile-light-primary),10vw 66vh 0 0 var(--mobile-light-primary),36vw 74vh 0 0 var(--mobile-light-primary),64vw 63vh 0 0 var(--mobile-light-primary),86vw 81vh 0 0 var(--mobile-light-primary)}.BackgroundLayer:after{width:3px;height:3px;background:var(--mobile-light-secondary);box-shadow:20vw 20vh 0 0 var(--mobile-light-secondary),66vw 13vh 0 0 var(--mobile-light-secondary),88vw 27vh 0 0 var(--mobile-light-secondary),33vw 53vh 0 0 var(--mobile-light-secondary),76vw 58vh 0 0 var(--mobile-light-secondary),18vw 87vh 0 0 var(--mobile-light-secondary),58vw 91vh 0 0 var(--mobile-light-secondary)}}.ContentLayer{grid-area:1 / 1;z-index:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;padding-bottom:60px}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:100vw}@supports (scrollbar-color: red blue){*{scrollbar-color:var(--accent) transparent;scrollbar-width:thin}}@keyframes borderGlow{0%,to{opacity:.5}50%{opacity:1}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #60a5fa26,0 0 60px #60a5fa0d}50%{box-shadow:0 0 30px #60a5fa40,0 0 80px #60a5fa1a}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.NavBar{position:relative;z-index:10;background:var(--nav-bg);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid var(--nav-border);transition:background .3s ease,border-color .3s ease;padding:6px 12px}.NavBar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--accent);opacity:.45}.NavBarMobile{display:flex;align-items:center}.NavBarDesktop{display:flex;align-items:center;gap:10px;width:100%}.MobilePageTitle{flex:1;margin-left:12px;overflow:hidden;color:var(--accent-bright);font-size:.82rem;font-weight:700;letter-spacing:.055em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.MobileDrawer{width:270px;padding-top:24px;background:var(--bg-deep)!important;height:100%}@media (min-width: 600px){.NavBar{padding:8px 20px}}@media (min-width: 768px){.NavBar{padding:10px 32px}}@media (max-width: 900px),(pointer: coarse){.NavBar{backdrop-filter:none;-webkit-backdrop-filter:none}}
