@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800;900&display=swap";:root{--clr-primary: 142 100% 50%;--clr-primary-dim: 142 80% 40%;--clr-blue-accent: 217 100% 61%;--clr-purple-accent: 270 100% 70%;--clr-bg: 230 20% 5%;--clr-surface: 230 15% 8%;--clr-surface-2: 230 12% 12%;--clr-border: 230 10% 18%;--clr-fg: 0 0% 98%;--clr-muted: 230 8% 58%;--radius-sm: .375rem;--radius: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Outfit", sans-serif;--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-expo: cubic-bezier(.16, 1, .3, 1);--z-below: -1;--z-base: 0;--z-raised: 10;--z-overlay: 20;--z-nav: 50;--z-modal: 100;--z-toast: 200}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-sans);color-scheme:dark;scroll-behavior:auto;-webkit-text-size-adjust:100%}body{background-color:hsl(var(--clr-bg));color:hsl(var(--clr-fg));overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;line-height:1.1}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.container--wide{max-width:1400px}.container--narrow{max-width:800px}.section{padding:var(--space-32) 0}@media (max-width: 768px){.section{padding:var(--space-20) 0}}.hide-mobile{display:flex!important}.show-mobile{display:none!important}@media (max-width: 768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}}.grid{display:grid;gap:var(--space-8)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.text-display{font-family:var(--font-display);font-size:clamp(3rem,8vw,7rem);font-weight:900;letter-spacing:-.04em;line-height:.95;text-transform:uppercase}.text-headline{font-family:var(--font-display);font-size:clamp(2rem,5vw,4rem);font-weight:800;letter-spacing:-.03em}.text-title{font-family:var(--font-display);font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:700;letter-spacing:-.02em}.text-body{font-size:1rem;line-height:1.7;color:hsl(var(--clr-muted))}.text-body-lg{font-size:1.125rem;line-height:1.7;color:hsl(var(--clr-muted))}.text-label{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:hsl(var(--clr-primary))}.text-primary{color:hsl(var(--clr-primary))}.text-muted{color:hsl(var(--clr-muted))}.text-fg{color:hsl(var(--clr-fg))}.bg-surface{background-color:hsl(var(--clr-surface))}.bg-surface-2{background-color:hsl(var(--clr-surface-2))}.bg-primary{background-color:hsl(var(--clr-primary))}.text-gradient{background:linear-gradient(135deg,#1aff6e,#33ff92,#4dff79,#33ff92,#1aff6e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:300% auto;animation:gradient-flow 5s ease-in-out infinite}.text-gradient-blue{background:linear-gradient(135deg,hsl(var(--clr-blue-accent)),hsl(var(--clr-purple-accent)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);padding:.875rem 1.75rem;border-radius:var(--radius);font-family:var(--font-display);font-weight:700;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase;transition:all .3s var(--ease-smooth);white-space:nowrap;cursor:pointer;border:none}.btn-primary{background:hsl(var(--clr-primary));color:hsl(var(--clr-bg))}.btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 40px hsla(var(--clr-primary),.5);filter:brightness(1.1)}.btn-secondary{background:transparent;color:hsl(var(--clr-fg));border:1px solid hsl(var(--clr-border))}.btn-secondary:hover{background:#ffffff0a;border-color:hsla(var(--clr-primary),.4);transform:translateY(-2px)}.btn-ghost{background:transparent;color:hsl(var(--clr-muted))}.btn-ghost:hover{color:hsl(var(--clr-fg));background:#ffffff0a}.btn-sm{padding:.5rem 1rem;font-size:.75rem}.btn-lg{padding:1.125rem 2.25rem;font-size:1rem}.card{background:#080a12b8;border:1px solid hsl(var(--clr-border));border-radius:var(--radius-lg);padding:var(--space-8);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative;transition:border-color .35s var(--ease-smooth),transform .35s var(--ease-smooth),box-shadow .35s var(--ease-smooth)}.card:hover{border-color:hsla(var(--clr-primary),.55);transform:translateY(-5px);box-shadow:0 0 0 1px hsla(var(--clr-primary),.18),0 0 28px hsla(var(--clr-primary),.22),0 0 80px hsla(var(--clr-primary),.1),0 24px 64px #0000008c}.card--flat{background:#080a12b8;border:1px solid hsl(var(--clr-border));border-radius:var(--radius-lg);padding:var(--space-6);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:border-color .35s var(--ease-smooth),transform .35s var(--ease-smooth),box-shadow .35s var(--ease-smooth)}.card--flat:hover{border-color:hsla(var(--clr-primary),.55);transform:translateY(-5px);box-shadow:0 0 0 1px hsla(var(--clr-primary),.18),0 0 28px hsla(var(--clr-primary),.22),0 0 80px hsla(var(--clr-primary),.1),0 24px 64px #0000008c}.card--accent{background:hsla(var(--clr-primary),.05);border:1px solid hsla(var(--clr-primary),.2);border-radius:var(--radius-lg);padding:var(--space-8);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:border-color .35s var(--ease-smooth),transform .35s var(--ease-smooth),box-shadow .35s var(--ease-smooth)}.card--accent:hover{border-color:hsla(var(--clr-primary),.6);transform:translateY(-5px);box-shadow:0 0 0 1px hsla(var(--clr-primary),.22),0 0 32px hsla(var(--clr-primary),.26),0 0 90px hsla(var(--clr-primary),.12),0 24px 64px #0000008c}.glass{background:#ffffff06;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.badge-primary{background:hsla(var(--clr-primary),.1);color:hsl(var(--clr-primary));border:1px solid hsla(var(--clr-primary),.2)}.badge-success{background:#1cca5b1f;color:#35e375;border:1px solid hsla(142,76%,45%,.2)}.badge-warning{background:#f59f0a1f;color:#f7b23b;border:1px solid hsla(38,92%,50%,.2)}.badge-error{background:#ef43431f;color:#f37272;border:1px solid hsla(0,84%,60%,.2)}.badge-muted{background:hsl(var(--clr-surface-2));color:hsl(var(--clr-muted));border:1px solid hsl(var(--clr-border))}.status-dot{width:.5rem;height:.5rem;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot--online{background:hsl(var(--clr-primary));box-shadow:0 0 8px hsla(var(--clr-primary),.8);animation:pulse-dot 2s ease-in-out infinite}.status-dot--offline{background:hsl(var(--clr-muted))}.status-dot--error{background:#ef4343}.status-dot--warning{background:#f59f0a}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.input{width:100%;padding:.75rem 1rem;background:hsl(var(--clr-surface));border:1px solid hsl(var(--clr-border));border-radius:var(--radius);color:hsl(var(--clr-fg));font-family:var(--font-sans);font-size:.875rem;transition:border-color .2s var(--ease-smooth),box-shadow .2s var(--ease-smooth);outline:none}.input:focus{border-color:hsla(var(--clr-primary),.6);box-shadow:0 0 0 3px hsla(var(--clr-primary),.1)}.input::-moz-placeholder{color:hsl(var(--clr-muted))}.input::placeholder{color:hsl(var(--clr-muted))}.divider{height:1px;background:hsl(var(--clr-border));border:none}.bg-noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.025;z-index:var(--z-raised);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px}.bg-glow{position:absolute;width:700px;height:700px;border-radius:50%;filter:blur(140px);pointer-events:none;z-index:0;opacity:.12}.section-label{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6)}.section-label:before{content:"";display:block;width:1.5rem;height:2px;background:hsl(var(--clr-primary));border-radius:2px}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes scan-line{0%{transform:translateY(-100%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(1000%);opacity:0}}.animate-scan{animation:scan-line 4s linear infinite}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:fade-up .6s var(--ease-out) forwards}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:hsl(var(--clr-bg))}::-webkit-scrollbar-thumb{background:hsl(var(--clr-border));border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--clr-muted))}.portal-layout{display:flex;min-height:100vh;background:hsl(var(--clr-bg))}.portal-sidebar{width:260px;flex-shrink:0;background:hsl(var(--clr-surface));border-right:1px solid hsl(var(--clr-border));display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;overflow-y:auto;z-index:var(--z-nav)}.portal-main{flex:1;margin-left:260px;min-height:100vh;display:flex;flex-direction:column}.portal-header{height:64px;display:flex;align-items:center;padding:0 var(--space-8);background:hsl(var(--clr-surface));border-bottom:1px solid hsl(var(--clr-border));position:sticky;top:0;z-index:var(--z-overlay);gap:var(--space-4)}.portal-content{flex:1;padding:var(--space-8)}@media (max-width: 768px){.portal-sidebar{transform:translate(-100%);transition:transform .3s var(--ease-smooth)}.portal-sidebar.open{transform:translate(0)}.portal-main{margin-left:0}}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);color:hsl(var(--clr-muted));font-size:.875rem;font-weight:500;transition:all .2s var(--ease-smooth);text-decoration:none;cursor:pointer}.sidebar-nav-item:hover{color:hsl(var(--clr-fg));background:#ffffff0a}.sidebar-nav-item.active{color:hsl(var(--clr-primary));background:hsla(var(--clr-primary),.08)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}