@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transition:opacity .4s,transform .4s;transform:translateY(0)}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s}:root{--bg-primary:#010101;--bg-secondary:#080808;--bg-tertiary:#0c0c0c;--accent-primary:#00f5ff;--accent-primary-rgb:0, 245, 255;--accent-secondary:#bf00ff;--accent-secondary-rgb:191, 0, 255;--accent-gradient:linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--text-primary:#fff;--text-secondary:#888;--text-dim:#444;--glass-bg:#0a0a0a66;--glass-border:#ffffff08;--glass-shadow:0 20px 40px #000c;--sidebar-width:280px;--feed-width:320px;--transition-premium:all .5s cubic-bezier(.16, 1, .3, 1);--container-padding:2rem}@media (width<=768px){:root{--container-padding:1.25rem}}.dashboard-container{grid-template-columns:var(--sidebar-width) 1fr var(--feed-width);background-color:var(--bg-primary);min-height:100vh;display:grid;overflow:hidden}.dashboard-sidebar{border-right:1px solid var(--glass-border);background:var(--bg-secondary);z-index:10;flex-direction:column;gap:2.5rem;padding:2rem;display:flex}.dashboard-main{height:100vh;padding:2.5rem;position:relative;overflow-y:auto}.dashboard-feed{border-left:1px solid var(--glass-border);background:var(--bg-secondary);flex-direction:column;gap:1.5rem;height:100vh;padding:1.5rem;display:flex;overflow-y:auto}.bento-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2.5rem;display:grid}@media (width<=1200px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.bento-grid{grid-template-columns:1fr}}.premium-glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition-premium);background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;padding:1.5rem}.premium-glass:hover{background:#ffffff0a;border-color:#00f5ff33}@media (width<=1400px){.dashboard-container{--sidebar-width:80px;grid-template-columns:80px 1fr 300px}.sidebar-label{display:none}}@media (width<=1100px){.dashboard-container{grid-template-columns:1fr}.dashboard-sidebar,.dashboard-feed{display:none}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;cursor:none;max-width:100vw;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}#root{max-width:100vw;overflow-x:hidden}body:before{content:"";opacity:.04;z-index:9999;pointer-events:none;filter:contrast(120%)brightness(120%);background-image:url(https://grainy-gradients.vercel.app/noise.svg);width:100%;height:100%;position:fixed;top:0;left:0}a,button,input,textarea{cursor:none}@media (width<=768px){a,button,input,textarea{cursor:pointer}}a{color:inherit;transition:var(--transition-normal);text-decoration:none}.nav-link:hover{color:var(--accent-primary)!important}@media (width<=992px){.desktop-nav{display:none!important}.mobile-toggle{display:block!important}}ul{list-style:none}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:transform .5s cubic-bezier(.175,.885,.32,1.275),box-shadow .5s,border-color .5s}.glass:hover{border-color:#00d2ff66;transform:translateY(-10px)scale(1.03);box-shadow:0 25px 50px #00d2ff1a,0 5px 15px #0009}.spotlight-card{background-color:#ffffff08;border-radius:16px;padding:1px;transition:transform .5s cubic-bezier(.175,.885,.32,1.275),box-shadow .5s;position:relative;overflow:hidden}.spotlight-card:hover{box-shadow:0 20px 40px #00f5ff33}.spotlight-border{z-index:1;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.spotlight-content{background-color:var(--bg-secondary);z-index:2;border-radius:15px;height:100%;padding:2.5rem 2rem;position:relative;box-shadow:inset 0 1px 1px #ffffff0d}.spotlight-effect{pointer-events:none;z-index:-1;transition:opacity .3s;position:absolute;inset:0}.mesh-bg{background-color:var(--bg-primary);z-index:-2;background-image:radial-gradient(at 10% 20%,#00d2ff26 0,#0000 50%),radial-gradient(at 90% 80%,#3a7bd526 0,#0000 50%),radial-gradient(at 80% 10%,#00d2ff1a 0,#0000 50%),radial-gradient(at 20% 90%,#3a7bd51a 0,#0000 50%);width:100%;height:100%;animation:20s infinite alternate meshAnim;position:absolute;top:0;left:0}@keyframes meshAnim{0%{filter:hue-rotate()}to{filter:hue-rotate(30deg)}}.glowing-blob{z-index:-1;pointer-events:none;filter:blur(40px);background:radial-gradient(circle,#00d2ff33 0%,#0000 60%);border-radius:50%;width:600px;height:600px;animation:15s cubic-bezier(.4,0,.2,1) infinite alternate blob-float;position:absolute}@keyframes blob-float{0%{transform:translate(0)scale(1)}50%{transform:translate(5%,-10%)scale(1.2)}to{transform:translate(-5%,5%)scale(.9)}}.text-reveal-wrapper{line-height:inherit;display:inline-block;overflow:hidden}.text-reveal{opacity:0;animation:1s cubic-bezier(.77,0,.175,1) forwards revealUp;display:inline-block;transform:translateY(100%)}@keyframes revealUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.cursor-dot{background-color:var(--accent-primary);pointer-events:none;z-index:9999;border-radius:50%;width:8px;height:8px;transition:width .2s,height .2s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor{border:2px solid var(--accent-primary);pointer-events:none;z-index:9998;opacity:.6;border-radius:50%;width:40px;height:40px;transition:width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1),background-color .3s,border-color .3s,opacity .3s,top .15s ease-out,left .15s ease-out;position:fixed;transform:translate(-50%,-50%)}.cursor-hover{border-color:var(--accent-primary);opacity:1;mix-blend-mode:exclusion;background-color:#00f5ff0d;width:80px;height:80px}.cursor-hover+.cursor-dot{width:0;height:0}.cursor-clicked{background-color:#00d2ff33;transform:translate(-50%,-50%)scale(.8)}.cursor-hidden{opacity:0}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline-block}.gradient-border{background:var(--bg-secondary);background-clip:padding-box;border:1px solid #0000;position:relative}.gradient-border:after{content:"";background:var(--accent-gradient);z-index:-1;border-radius:inherit;opacity:.3;transition:opacity .3s;position:absolute;inset:-1px}.gradient-border:hover:after{opacity:1}.btn{cursor:pointer;transition:var(--transition-normal);border:none;border-radius:4px;padding:.75rem 1.5rem;font-family:inherit;font-weight:500;display:inline-block}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00d2ff66}.btn-outline{border:1px solid var(--accent-primary);color:var(--accent-primary);background:0 0}.btn-outline:hover{background:#00d2ff1a;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes pulse-glow{0%{box-shadow:0 0 #00d2ff66}70%{box-shadow:0 0 0 10px #00d2ff00}to{box-shadow:0 0 #00d2ff00}}.section-padding{padding:5rem var(--container-padding)}@media (width<=768px){.section-padding{padding:3.5rem var(--container-padding)}}.container{width:100%;max-width:1200px;padding:0 var(--container-padding);margin:0 auto}.status-pulse{background-color:var(--accent-primary);width:10px;height:10px;box-shadow:0 0 10px var(--accent-primary);border-radius:50%;animation:2s infinite pulse-glow}.status-indicator{border-radius:50%;width:8px;height:8px}.status-indicator.online{background-color:var(--accent-primary);box-shadow:0 0 8px var(--accent-primary)}.status-indicator.warning{background-color:#fa0;box-shadow:0 0 8px #fa0}.status-indicator.offline{background-color:#f33;box-shadow:0 0 8px #f33}.satellite-card{transition:var(--transition-normal)}.btn-icon:hover{transform:translateY(-2px);border-color:var(--accent-primary)!important;background:#ffffff14!important}.tech-bento-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.tech-bento-card-large{grid-column:span 2}.tech-bento-card-small{grid-column:span 1}@media (width<=1024px){.tech-bento-grid{grid-template-columns:repeat(2,1fr)}.tech-bento-card-large,.tech-bento-card-small{grid-column:span 2}}@media (width<=768px){.tech-bento-grid{grid-template-columns:1fr}.tech-bento-card-large,.tech-bento-card-small{grid-column:span 1}}