@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;margin:0;padding:0}:root{--primary:#00f5ff;--secondary:#b400ff;--accent:#ff0090;--bg:#050510;--bg2:#080818;--bg3:#0d0d20;--card:#ffffff08;--card-hover:#ffffff0f;--border:color-mix(in srgb, var(--primary), transparent calc(100% - (15% * var(--glow-opacity))));--border-bright:color-mix(in srgb, var(--primary), transparent calc(100% - (40% * var(--glow-opacity))));--text:#e8eaf6;--text-secondary:#c8d2ff73;--radius:18px;--radius-sm:12px;--glow:0 0 calc(30px * var(--glow-opacity)) color-mix(in srgb, var(--primary), transparent 85%);--glow-strong:0 0 calc(60px * var(--glow-opacity)) color-mix(in srgb, var(--primary), transparent 70%);--glow-opacity:1}[data-theme=light]{--bg:#f5f5f7;--bg2:#fff;--bg3:#ebebeb;--primary:#2196f3;--secondary:#6c3cdb;--accent:#e91e8c;--text:#1a1a2e;--text-secondary:#1a1a2e8c;--border:#00000014;--border-bright:#0000002e;--card:#ffffffe6;--card-hover:#fff;--glow:none;--glow-strong:none;--glow-opacity:0}[data-theme=light] body{color:#1a1a2e;background:#f5f5f7}[data-theme=light] .main-layout{background:#f5f5f7}[data-theme=light] .sidebar{background:#ffffffe6;border-right-color:#00000014}[data-theme=light] .sidebar:before,[data-theme=light] .sidebar:after{display:none}[data-theme=light] .nav-item{color:#1a1a2e80}[data-theme=light] .nav-item:hover{color:#1a1a2e;background:#2196f314;border-color:#2196f333;transform:translate(3px)}[data-theme=light] .nav-item.active{color:#2196f3;text-shadow:none;background:#2196f31f;border-color:#2196f34d}[data-theme=light] .glass-panel{background:#fffffff2;border-color:#00000014;box-shadow:0 4px 24px #00000014}[data-theme=light] .glass-panel:hover{border-color:#2196f340;box-shadow:0 8px 32px #0000001f}[data-theme=light] .card{background:#fffffff2;border-color:#00000012;box-shadow:0 2px 12px #0000000f}[data-theme=light] .card:hover{border-color:#2196f340;box-shadow:0 8px 24px #0000001a}[data-theme=light] .post-card{background:#fffffff2;border-color:#00000012;box-shadow:0 2px 12px #0000000d}[data-theme=light] .post-card:hover{border-color:#2196f340;box-shadow:0 8px 24px #0000001a}[data-theme=light] .input-field{color:#1a1a2e;background:#fff;border-color:#0000001f}[data-theme=light] .input-field::placeholder{color:#1a1a2e66}[data-theme=light] .input-field:focus{background:#fff;border-color:#2196f380;box-shadow:0 0 0 3px #2196f31a}[data-theme=light] .btn-primary{color:#1565c0;background:#2196f31a;border-color:#2196f359}[data-theme=light] .btn-primary:hover{color:#0d47a1;text-shadow:none;background:#2196f32e;box-shadow:0 4px 16px #2196f333}[data-theme=light] .btn-accent{color:#fff;background:linear-gradient(135deg,#2196f3,#6c3cdb);box-shadow:0 4px 16px #2196f359}[data-theme=light] .mobile-nav{background:#fffffff7;border-top-color:#00000014;box-shadow:0 -4px 20px #00000014}[data-theme=light] .mobile-nav a{color:#1a1a2e73}[data-theme=light] .mobile-nav a.active{color:#2196f3;background:#2196f314}[data-theme=light] .mobile-nav a.active:before{background:#2196f3;box-shadow:0 0 8px #2196f380}[data-theme=light] .stat-card{background:linear-gradient(135deg,#2196f314,#6c3cdb0d);border-color:#2196f326}[data-theme=light] .stat-number{background:linear-gradient(135deg,#2196f3,#6c3cdb);-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .stat-label{color:#1a1a2e8c}[data-theme=light] .neon-text{color:#2196f3;text-shadow:none}[data-theme=light] .gradient-text{background:linear-gradient(135deg,#2196f3,#6c3cdb);-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .divider{background:linear-gradient(90deg,#0000,#2196f340,#0000)}[data-theme=light] ::-webkit-scrollbar-thumb{background:#2196f34d}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#2196f380}[data-theme=dark]{--bg:#000;--bg2:#0a0a0a;--bg3:#111;--primary:#bb86fc;--text:#fff;--text-secondary:#ffffff80;--border:#ffffff14;--border-bright:#ffffff2e;--card:#ffffff08;--card-hover:#ffffff0f;--glow-opacity:0}[data-theme=dark] body{background:#000}[data-theme=dark] .sidebar{background:#0a0a0af2;border-right-color:#ffffff0d}[data-theme=dark] .glass-panel{background:#ffffff06;border-color:#ffffff0f;box-shadow:0 4px 24px #00000080}[data-theme=dark] .card,[data-theme=dark] .post-card{background:#ffffff06;border-color:#ffffff0d}[data-theme=dark] .input-field{color:#fff;background:#ffffff0d;border-color:#ffffff14}[data-theme=dark] .mobile-nav{background:#050505f7;border-top-color:#ffffff0d}html,body,#root{height:100%;min-height:100dvh}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizespeed;overscroll-behavior:none;font-family:Inter,sans-serif;overflow-x:hidden}body:before{content:"";background:radial-gradient(ellipse 80% 50% at 20% 10%, color-mix(in srgb, var(--primary), transparent 94%) 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 90%, #b400ff14 0%, transparent 60%), radial-gradient(ellipse 40% 30% at 60% 40%, #ff00900a 0%, transparent 50%);pointer-events:none;z-index:0;position:fixed;inset:0}[data-theme=light] body:before,[data-theme=dark] body:before{display:none}body:after{content:"";background-image:linear-gradient(color-mix(in srgb, var(--primary), transparent 97%) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--primary), transparent 97%) 1px, transparent 1px);pointer-events:none;z-index:0;will-change:auto;contain:strict;background-size:60px 60px;position:fixed;inset:0}[data-theme=light] body:after,[data-theme=dark] body:after{display:none}#root{z-index:1;position:relative}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--primary), transparent 80%);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--primary), transparent 60%)}.main-layout{background:var(--bg);width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.main-content{z-index:2;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:smooth;will-change:scroll-position;flex:1;min-width:0;height:100%;padding:24px 28px;position:relative;overflow:hidden auto}.sidebar{-webkit-backdrop-filter:blur(20px);border-right:1px solid var(--border);z-index:10;background:#08081866;flex-direction:column;flex-shrink:0;width:280px;height:100%;padding:32px 20px;display:flex;position:relative;overflow:hidden}.sidebar:before{content:"";pointer-events:none;background:radial-gradient(circle,#00f5ff14 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-100px;left:-60px}.sidebar:after{content:"";pointer-events:none;background:radial-gradient(circle,#b400ff14 0%,#0000 70%);width:180px;height:180px;position:absolute;bottom:-80px;right:-60px}.nav-item{border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);border:1px solid #0000;align-items:center;gap:12px;margin-bottom:4px;padding:11px 14px;font-size:.88rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nav-item:before{content:"";background:linear-gradient(180deg, var(--primary), var(--secondary));opacity:0;border-radius:0 3px 3px 0;width:3px;height:100%;transition:opacity .25s;position:absolute;top:0;left:0}.nav-item:hover{color:var(--text);background:color-mix(in srgb, var(--primary), transparent 94%);border-color:color-mix(in srgb, var(--primary), transparent 88%);transform:translate(3px)}.nav-item.active{color:var(--primary);background:linear-gradient(135deg, color-mix(in srgb, var(--primary), transparent 90%), #b400ff0f);border-color:color-mix(in srgb, var(--primary), transparent 80%);text-shadow:0 0 calc(12px * var(--glow-opacity)) var(--primary);font-weight:700}.nav-item.active:before{opacity:1}.glass-panel{border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff0a 0%,#ffffff05 100%);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.glass-panel:hover{border-color:color-mix(in srgb, var(--primary), transparent 85%);box-shadow:0 12px 40px #00000080, var(--glow), inset 0 1px 0 #ffffff12}.card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,#ffffff0a 0%,#ffffff04 100%);padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary), transparent 70%), transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.card:hover{border-color:color-mix(in srgb, var(--primary), transparent 80%);box-shadow:0 20px 60px #00000080, var(--glow);transform:translateY(-2px)}.card:hover:before{opacity:1}.input-field{border:1px solid color-mix(in srgb, var(--primary), transparent 88%);border-radius:var(--radius-sm);width:100%;color:var(--text);background:#ffffff0a;outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:.9rem;transition:all .25s}.input-field::placeholder{color:var(--text-secondary)}.input-field:focus{border-color:color-mix(in srgb, var(--primary), transparent 60%);background:color-mix(in srgb, var(--primary), transparent 96%);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary), transparent 92%), var(--glow)}.btn-primary{background:linear-gradient(135deg, color-mix(in srgb, var(--primary), transparent 85%), #b400ff26);border:1px solid color-mix(in srgb, var(--primary), transparent 65%);border-radius:var(--radius-sm);color:var(--primary);cursor:pointer;letter-spacing:.02em;user-select:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:Inter,sans-serif;font-size:.88rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary:before{content:"";opacity:0;background:linear-gradient(135deg,#00f5ff1a,#b400ff1a);transition:opacity .25s;position:absolute;inset:0}.btn-primary:hover{border-color:color-mix(in srgb, var(--primary), transparent 40%);box-shadow:0 8px 25px color-mix(in srgb, var(--primary), transparent 80%), var(--glow);color:#fff;text-shadow:0 0 calc(10px * var(--glow-opacity)) var(--primary);transform:translateY(-1px)}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0)}.btn-accent{background:linear-gradient(135deg, var(--primary), var(--secondary));border-radius:var(--radius-sm);color:#000;cursor:pointer;box-shadow:0 4px 20px color-mix(in srgb, var(--primary), transparent 70%);border:none;align-items:center;gap:8px;padding:12px 24px;font-family:Inter,sans-serif;font-size:.88rem;font-weight:800;transition:all .25s;display:inline-flex}.btn-accent:hover{box-shadow:0 8px 30px color-mix(in srgb, var(--primary), transparent 50%);filter:brightness(1.1);transform:translateY(-2px)}.neon-text{color:var(--primary);text-shadow:0 0 calc(10px * var(--glow-opacity)) color-mix(in srgb, var(--primary), transparent 40%), 0 0 calc(30px * var(--glow-opacity)) color-mix(in srgb, var(--primary), transparent 80%)}.neon-text-purple{color:var(--secondary);text-shadow:0 0 10px #b400ff99}.neon-text-pink{color:var(--accent);text-shadow:0 0 10px #ff009099}.gradient-text{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;background-clip:text}.avatar{object-fit:cover;border:2px solid color-mix(in srgb, var(--primary), transparent 70%);box-shadow:0 0 calc(15px * var(--glow-opacity)) color-mix(in srgb, var(--primary), transparent 85%);border-radius:50%}.badge{letter-spacing:.05em;border-radius:20px;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-cyan{background:color-mix(in srgb, var(--primary), transparent 90%);border:1px solid color-mix(in srgb, var(--primary), transparent 75%);color:var(--primary)}.badge-purple{color:var(--secondary);background:#b400ff1a;border:1px solid #b400ff40}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--primary), transparent 60%);transform:scale(.95)}70%{transform:scale(1);box-shadow:0 0 0 8px #00f5ff00}to{transform:scale(.95);box-shadow:0 0 #00f5ff00}}.pulse{animation:2.5s ease-in-out infinite pulse-ring}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float{animation:3s ease-in-out infinite float}@keyframes glow-pulse{0%,to{box-shadow:0 0 calc(20px * var(--glow-opacity)) color-mix(in srgb, var(--primary), transparent 80%)}50%{box-shadow:0 0 calc(40px * var(--glow-opacity)) color-mix(in srgb, var(--primary), transparent 50%), 0 0 calc(60px * var(--glow-opacity)) color-mix(in srgb, var(--primary), transparent 80%)}}.glow-pulse{animation:2s ease-in-out infinite glow-pulse}@keyframes wave-pulse{0%{opacity:.8;transform:scale(1)}50%{opacity:.4;transform:scale(1.1)}to{opacity:0;transform:scale(1.2)}}.wave-pulse{animation:2s cubic-bezier(.4,0,.2,1) infinite wave-pulse}@keyframes calling-glow{0%,to{box-shadow:0 0 40px color-mix(in srgb, var(--primary), transparent 80%)}50%{box-shadow:0 0 80px color-mix(in srgb, var(--primary), transparent 50%)}}.calling-glow{animation:3s ease-in-out infinite calling-glow}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.divider{background:linear-gradient(90deg,#0000,#00f5ff33,#0000);height:1px;margin:16px 0}.stat-card{border-radius:var(--radius-sm);text-align:center;background:linear-gradient(135deg,#00f5ff0f,#b400ff0a);border:1px solid #00f5ff1f;padding:16px 20px;transition:all .3s}.stat-card:hover{box-shadow:var(--glow);background:linear-gradient(135deg,#00f5ff1a,#b400ff12);border-color:#00f5ff4d;transform:translateY(-2px)}.stat-number{background:linear-gradient(135deg, var(--primary), var(--secondary));-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px;font-family:Space Grotesk,sans-serif;font-size:1.8rem;font-weight:900;line-height:1}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;font-weight:600}.tag{background:color-mix(in srgb, var(--primary), transparent 92%);border:1px solid color-mix(in srgb, var(--primary), transparent 85%);color:var(--primary);cursor:pointer;border-radius:20px;align-items:center;padding:4px 12px;font-size:.78rem;font-weight:700;transition:all .2s;display:inline-flex}.tag:hover{background:color-mix(in srgb, var(--primary), transparent 85%);border-color:color-mix(in srgb, var(--primary), transparent 65%);box-shadow:var(--glow)}.mobile-nav{-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border);padding:8px 10px calc(12px + env(safe-area-inset-bottom));z-index:2000;will-change:transform;background:#050514eb;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateZ(0);box-shadow:0 -8px 32px #0009}.mobile-nav a{color:#ffffff4d;touch-action:manipulation;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:56px;padding:8px 10px;font-size:.62rem;font-weight:700;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.mobile-nav a.active{color:var(--primary);background:color-mix(in srgb, var(--primary), transparent 93%)}.mobile-nav a.active:before{content:"";background:var(--primary);width:32px;height:3px;box-shadow:0 0 12px var(--primary);border-radius:0 0 4px 4px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.mobile-nav a.active svg{filter:drop-shadow(0 0 5px var(--primary))}.post-card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(135deg,#ffffff09 0%,#ffffff04 100%);padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.post-card:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary), transparent 80%), color-mix(in srgb, var(--secondary), transparent 80%), transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.post-card:hover{border-color:color-mix(in srgb, var(--primary), transparent 82%);box-shadow:0 16px 50px #00000080, var(--glow);transform:translateY(-2px)}.post-card:hover:after{opacity:1}.online-dot{border:2px solid var(--bg);background:#0f8;border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px #0f8}.desktop-only{display:block}.mobile-only{display:none}@media (width<=768px){.sidebar{display:none}.mobile-nav{display:flex}.main-content{padding:14px 14px calc(68px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.card:hover,.post-card:hover,.stat-card:hover,.btn-primary:hover,.btn-accent:hover,.nav-item:hover,.tag:hover,.glass-panel:hover{box-shadow:none!important;transform:none!important}.card,.post-card,.glass-panel,.btn-primary,.btn-accent{transition-duration:.12s!important}input,textarea,select{touch-action:manipulation;font-size:16px!important}button,a,.nav-item,.tag,.badge{user-select:none;touch-action:manipulation}}@media (width<=480px){.main-content{padding:10px 10px calc(68px + env(safe-area-inset-bottom))}.post-card{border-radius:14px;padding:16px}.card{border-radius:14px;padding:14px}.stat-number{font-size:1.5rem}}@media (width<=1024px){.sidebar{width:80px;padding:32px 10px}.sidebar span{display:none}.sidebar .nav-item{justify-content:center;padding:14px}}@media (width<=768px){.sidebar{display:none}.mobile-nav{display:flex}.main-content{padding:16px 16px calc(80px + env(safe-area-inset-bottom))}.desktop-only{display:none}.mobile-only{display:block}.waves-layout{z-index:1000!important;background:#000!important;width:100%!important;height:100dvh!important;margin:0!important;padding:0!important;position:fixed!important;inset:0!important;overflow:hidden!important}.card:hover,.post-card:hover,.nav-item:hover,.btn-primary:hover{transform:none!important}}@media (width<=480px){.main-content{padding:12px 12px calc(76px + env(safe-area-inset-bottom))}.card,.post-card{border-radius:16px;padding:16px}}@media (width<=1024px){[style*=transform],[style*=opacity]{backface-visibility:hidden;perspective:1000px}img{content-visibility:auto;contain-intrinsic-size:0 200px}}.chat-item:hover .archive-btn{opacity:1;display:flex!important}.archive-btn:hover{box-shadow:var(--glow);background:var(--primary)!important;color:#000!important}.swipe-action-bg{z-index:1;pointer-events:none;border-radius:16px;justify-content:center;align-items:center;width:100px;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;right:0}.swipe-action-bg.archive{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--primary), transparent 70%))}.swipe-action-bg.unarchive{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--secondary), transparent 70%))}.hologram-container{pointer-events:none;z-index:0;opacity:.15;perspective:1000px;will-change:transform;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.hologram-core{background:radial-gradient(circle, var(--primary) 0%, transparent 70%);width:100px;height:100px;box-shadow:0 0 calc(50px * var(--glow-opacity)) var(--primary);border-radius:50%;animation:4s ease-in-out infinite alternate core-pulse;position:absolute}@keyframes core-pulse{0%{opacity:.5;transform:scale(.8)}to{opacity:.9;transform:scale(1.5)}}.hologram-radar{background:conic-gradient(from 0deg, transparent 70%, color-mix(in srgb, var(--primary), transparent 60%) 100%);opacity:.5;will-change:transform;border-radius:50%;width:90vw;max-width:1200px;height:90vw;max-height:1200px;animation:15s linear infinite radar-sweep;position:absolute;mask-image:radial-gradient(circle,#0000 30%,#000 70%)}@keyframes radar-sweep{0%{transform:rotateX(60deg)rotate(0)}to{transform:rotateX(60deg)rotate(360deg)}}.hologram-ring{border:1px solid var(--primary);box-shadow:0 0 15px color-mix(in srgb, var(--primary), transparent 60%), inset 0 0 15px color-mix(in srgb, var(--primary), transparent 60%);transform-style:preserve-3d;will-change:transform;border-radius:50%;position:absolute}.hologram-ring:nth-child(3){border:1px dashed var(--secondary);opacity:.4;width:80vw;max-width:1100px;height:80vw;max-height:1100px;animation:60s linear infinite ring-spin-1}.hologram-ring:nth-child(4){border-left:3px solid var(--primary);border-right:3px solid var(--primary);width:60vw;max-width:850px;height:60vw;max-height:850px;animation:30s linear infinite ring-spin-2}.hologram-ring:nth-child(5){border-top:3px solid var(--secondary);border-bottom:3px solid var(--secondary);width:60vw;max-width:850px;height:60vw;max-height:850px;animation:25s linear infinite reverse ring-spin-3}.hologram-ring:nth-child(6){border:2px dotted color-mix(in srgb, var(--primary), transparent 30%);width:40vw;max-width:550px;height:40vw;max-height:550px;animation:15s linear infinite ring-spin-4}.hologram-ring:nth-child(7){border:4px solid color-mix(in srgb, var(--secondary), transparent 80%);border-left-color:var(--primary);width:25vw;max-width:350px;height:25vw;max-height:350px;animation:8s cubic-bezier(.68,-.55,.265,1.55) infinite ring-spin-5}@keyframes ring-spin-1{0%{transform:rotateX(65deg)rotateY(10deg)rotate(0)}to{transform:rotateX(65deg)rotateY(10deg)rotate(360deg)}}@keyframes ring-spin-2{0%{transform:rotateX(75deg)rotateY(45deg)rotate(0)}to{transform:rotateX(75deg)rotateY(45deg)rotate(360deg)}}@keyframes ring-spin-3{0%{transform:rotateX(45deg)rotateY(-45deg)rotate(0)}to{transform:rotateX(45deg)rotateY(-45deg)rotate(360deg)}}@keyframes ring-spin-4{0%{transform:rotateX(70deg)rotateY(0)rotate(0)}to{transform:rotateX(70deg)rotateY(0)rotate(360deg)}}@keyframes ring-spin-5{0%{transform:rotateX(30deg)rotateY(30deg)rotate(0)}to{transform:rotateX(30deg)rotateY(30deg)rotate(360deg)}}@media (width<=768px){.hologram-container{opacity:.1}.hologram-ring:nth-child(3){opacity:.2;width:140vw;height:140vw}.hologram-ring:nth-child(4),.hologram-ring:nth-child(5){opacity:.2;width:110vw;height:110vw}.hologram-ring:nth-child(6){opacity:.2;width:70vw;height:70vw}.hologram-ring:nth-child(7){opacity:.3;width:40vw;height:40vw}.hologram-radar{opacity:.3;width:140vw;height:140vw}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s;&:hover{border-color:var(--accent-border)}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}.hero{position:relative;& .base,& .framework,& .vite{margin:0 auto;inset-inline:0}& .base{z-index:0;width:170px;position:relative}& .framework,& .vite{position:absolute}& .framework{z-index:1;height:28px;top:34px}& .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex;@media (width<=1024px){gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex;&>div{flex:1 1 0;padding:32px;@media (width<=1024px){padding:24px 20px}}& .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border);@media (width<=1024px){border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex;& .logo{height:18px}& a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex;&:hover{box-shadow:var(--shadow)}& .button-icon{width:18px;height:18px}}@media (width<=1024px){flex-wrap:wrap;justify-content:center;margin-top:20px;& li{flex:calc(50% - 8px)}& a{box-sizing:border-box;justify-content:center;width:100%}}}#spacer{border-top:1px solid var(--border);height:88px;@media (width<=1024px){height:48px}}.ticks{width:100%;position:relative;&:before,&:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}&:before{border-left-color:var(--border);left:0}&:after{border-right-color:var(--border);right:0}}.main-layout{background:0 0}.orb{filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;animation:8s ease-in-out infinite orb-float;position:fixed}.orb-1{background:radial-gradient(circle,#00f5ff12,#0000 70%);width:400px;height:400px;animation-delay:0s;top:-100px;left:-100px}.orb-2{background:radial-gradient(circle,#b400ff12,#0000 70%);width:350px;height:350px;animation-delay:-4s;bottom:-80px;right:-80px}.orb-3{background:radial-gradient(circle,#ff00900d,#0000 70%);width:250px;height:250px;animation-delay:-2s;top:50%;left:50%}@keyframes orb-float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,15px)scale(.97)}}