*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--col-bg, #0a0e27);color:var(--col-text-prim, #e0e7ff);min-height:100vh;transition:background-color .4s ease,color .4s ease}#root{min-height:100vh;background:var(--col-bg, #0a0e27);transition:background-color .4s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--col-surface);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--col-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--col-text-muted)}::selection{background:var(--col-accent);color:var(--col-bg)}[data-theme=light] body,[data-theme=light] #root{background:#d9d8d3;color:#161616}[data-theme=light] ::selection{background:#3b3a3c;color:#eff0f2}:root{--skalvar-cyan: #00f0ff;--skalvar-teal: #50e3c2;--skalvar-red: #e63946;--skalvar-gray: #4a4a4a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUpCenter{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes logoGlow{0%,to{filter:drop-shadow(0 0 10px var(--skalvar-cyan)) drop-shadow(0 0 20px rgba(0,240,255,.4))}50%{filter:drop-shadow(0 0 20px var(--skalvar-cyan)) drop-shadow(0 0 40px rgba(0,240,255,.6))}}@keyframes lineGlow{0%,to{filter:drop-shadow(0 0 2px var(--skalvar-cyan)) drop-shadow(0 0 6px var(--skalvar-cyan));opacity:.6}50%{filter:drop-shadow(0 0 4px var(--skalvar-cyan)) drop-shadow(0 0 12px var(--skalvar-cyan));opacity:.8}}@keyframes centerPulse{0%,to{box-shadow:0 0 10px var(--skalvar-cyan),0 0 20px var(--skalvar-cyan),0 0 30px var(--skalvar-teal);transform:scaleY(1)}50%{box-shadow:0 0 20px var(--skalvar-cyan),0 0 40px var(--skalvar-cyan),0 0 60px var(--skalvar-teal);transform:scaleY(1.15)}}@keyframes lineGlowActive{0%,to{filter:drop-shadow(0 0 4px var(--skalvar-cyan)) drop-shadow(0 0 16px var(--skalvar-cyan)) drop-shadow(0 0 32px var(--skalvar-teal))}50%{filter:drop-shadow(0 0 8px var(--skalvar-cyan)) drop-shadow(0 0 24px var(--skalvar-cyan)) drop-shadow(0 0 48px var(--skalvar-teal))}}@keyframes impulseGlowRight{0%{left:-20%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:120%;opacity:0}}@keyframes impulseGlowLeft{0%{right:-20%;opacity:0}10%{opacity:1}90%{opacity:1}to{right:120%;opacity:0}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.landing-page{min-height:100vh;background:var(--col-bg);color:var(--col-text-prim);position:relative;overflow-x:hidden;display:flex;flex-direction:column;font-family:Rajdhani,sans-serif}.landing-page:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(0,240,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(80,227,194,.05) 0%,transparent 50%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:100% 100%,100% 100%,24px 24px,24px 24px;animation:gridMove 30s linear infinite;pointer-events:none;z-index:0}.landing-page>*{position:relative;z-index:2}.landing-page.loaded .hero-section,.landing-page.loaded .products-section{opacity:1}.landing-nav{position:fixed;top:0;left:0;right:0;padding:1rem 2rem;background:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--col-panel-border);z-index:100}.landing-nav .nav-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.landing-nav .nav-logo{display:flex;align-items:center;gap:.5rem}.landing-nav .nav-logo .logo-icon{color:var(--skalvar-cyan);font-size:1.25rem;filter:drop-shadow(0 0 6px rgba(0,240,255,.5))}.landing-nav .nav-logo .logo-text{font-size:1rem;font-weight:500;color:var(--col-text-muted);letter-spacing:3px}.landing-nav .nav-logo .logo-text .tech{color:#fff;margin-left:4px;font-weight:400}.landing-nav .nav-links{display:flex;align-items:center;gap:1.5rem}.landing-nav .nav-links .nav-link{color:var(--col-text-muted);text-decoration:none;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2px;padding:8px 16px;border-radius:6px;transition:all .3s ease}.landing-nav .nav-links .nav-link:hover{color:var(--skalvar-cyan);background:#00f0ff0d}@media(max-width:600px){.landing-nav{padding:.75rem 1rem}.landing-nav .nav-logo .logo-text{font-size:.85rem;letter-spacing:2px}.landing-nav .nav-logo .logo-text .tech{display:none}.landing-nav .nav-links{gap:.5rem}.landing-nav .nav-links .nav-link{font-size:10px;padding:6px 10px;letter-spacing:1px}}.hero-section{display:flex;align-items:center;justify-content:center;min-height:50vh;padding:6rem 2rem 2rem;opacity:0;transition:opacity .5s ease}.logo-container{position:relative;width:100%;max-width:600px;height:300px;cursor:pointer}.logo-container:hover .full-width-image img{filter:drop-shadow(0 0 30px rgba(0,240,255,.6)) drop-shadow(0 0 60px rgba(80,227,194,.4));transform:scale(1)}.logo-container:hover .landing-divider{animation:lineGlowActive 1.6s ease-in-out infinite}.logo-container:hover .landing-divider .center-bar{animation:centerPulse 1.2s ease-in-out infinite;background:var(--skalvar-cyan)!important}.logo-container:hover .landing-divider .line-segment:before{opacity:1}.logo-container:hover .landing-divider .line-segment.left{background:linear-gradient(90deg,transparent 0%,var(--skalvar-cyan) 100%)!important}.logo-container:hover .landing-divider .line-segment.left:before{animation:impulseGlowLeft 1.2s ease-out infinite}.logo-container:hover .landing-divider .line-segment.right{background:linear-gradient(90deg,var(--skalvar-cyan) 0%,transparent 100%)!important}.logo-container:hover .landing-divider .line-segment.right:before{animation:impulseGlowRight 1.2s ease-out infinite}.full-width-image{position:absolute;left:50%;transform:translate(-50%);text-align:center;z-index:5}.full-width-image.image-1{top:20%;animation:fadeInUpCenter 1s ease .3s both}.full-width-image.image-2{bottom:20%;animation:fadeInUpCenter 1s ease .5s both}.full-width-image img{max-width:280px;height:auto;display:block;margin:0 auto;filter:drop-shadow(0 0 20px rgba(0,240,255,.3));transition:all .5s ease;animation:logoGlow 4s ease-in-out infinite}.full-width-image img:hover{filter:drop-shadow(0 0 30px rgba(0,240,255,.5)) drop-shadow(0 0 60px rgba(80,227,194,.3));transform:scale(1.02)}.landing-divider{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:500px;display:flex;align-items:center;justify-content:center;z-index:10;height:32px;animation:lineGlow 4s ease-in-out infinite}.landing-divider .center-bar{width:3px;height:40px;background:var(--skalvar-cyan);position:relative;z-index:3;border-radius:2px;box-shadow:0 0 10px var(--skalvar-cyan),0 0 20px #00f0ff80}.landing-divider .horizontal-lines{position:absolute;width:100%;height:100%}.landing-divider .line-segment{position:absolute;height:2px;background:var(--skalvar-cyan);border-radius:1px;transition:all .3s ease}.landing-divider .line-segment:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:60px;height:8px;background:radial-gradient(ellipse,var(--skalvar-cyan) 0%,rgba(0,240,255,.5) 30%,transparent 70%);border-radius:50%;opacity:0;pointer-events:none;filter:blur(2px)}.landing-divider .line-segment.top{top:8px;width:calc(50% - 80px);margin-left:50px;opacity:.7}.landing-divider .line-segment.top.left{left:10px;background:linear-gradient(90deg,transparent 0%,var(--skalvar-cyan) 100%)}.landing-divider .line-segment.top.right{right:60px;background:linear-gradient(90deg,var(--skalvar-cyan) 0%,transparent 100%)}.landing-divider .line-segment.bottom{bottom:8px;width:calc(50% - 32px)}.landing-divider .line-segment.bottom.left{left:12px;background:linear-gradient(90deg,transparent 0%,var(--skalvar-cyan) 100%)}.landing-divider .line-segment.bottom.right{right:12px;background:linear-gradient(90deg,var(--skalvar-cyan) 0%,transparent 100%)}.landing-divider .line-segment.left{transform:skew(-2deg);transform-origin:100% 50%}.landing-divider .line-segment.right{transform:skew(2deg);transform-origin:0% 50%}.products-section{padding:2rem 2rem 4rem;opacity:0;transition:opacity .5s ease .3s}.section-header{text-align:center;margin-bottom:2.5rem}.section-tag{display:inline-block;font-size:10px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--col-text-muted);padding:.5rem 1.5rem;border:1px solid var(--col-panel-border);opacity:.6}.products-grid{display:flex;justify-content:center;gap:1.5rem;max-width:1000px;margin:0 auto;flex-wrap:wrap}.product-card{position:relative;width:280px;padding:2rem 1.5rem;background:#0006;border:1px solid var(--col-panel-border);border-radius:12px;text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;animation:cardSlideIn .6s ease both}.product-card:nth-child(1){animation-delay:.4s}.product-card:nth-child(2){animation-delay:.5s}.product-card:nth-child(3){animation-delay:.6s}.product-card .card-glow{position:absolute;inset:0;opacity:0;transition:opacity .4s ease;pointer-events:none}.product-card .card-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center}.product-card .card-arrow{position:absolute;bottom:1rem;right:1rem;width:24px;height:24px;opacity:0;transform:translate(-10px);transition:all .3s ease}.product-card .card-arrow svg{width:100%;height:100%;stroke:var(--skalvar-cyan)}.product-card:not(.disabled):hover{transform:translateY(-8px);border-color:var(--skalvar-cyan);box-shadow:0 20px 40px #0006,0 0 30px #00f0ff1a}.product-card:not(.disabled):hover .card-glow{opacity:1;background:radial-gradient(ellipse at 50% 0%,rgba(0,240,255,.1) 0%,transparent 70%)}.product-card:not(.disabled):hover .card-arrow{opacity:1;transform:translate(0)}.product-card.ready .card-glow{background:radial-gradient(ellipse at 50% 0%,rgba(230,57,70,.1) 0%,transparent 70%)}.product-card.ready:hover{border-color:var(--skalvar-red);box-shadow:0 20px 40px #0006,0 0 30px #e6394626}.product-card.ready:hover .card-arrow svg{stroke:var(--skalvar-red)}.product-card.coming-soon .card-glow{background:radial-gradient(ellipse at 50% 0%,rgba(0,240,255,.1) 0%,transparent 70%)}.product-card.disabled{cursor:not-allowed;opacity:.5}.product-card.disabled .product-logo,.product-card.disabled .product-name,.product-card.disabled .status-tag{filter:grayscale(1)}.product-card.disabled:hover{transform:none}.product-name{text-align:center;font-size:1.25rem;font-weight:500;letter-spacing:3px}.product-name .name-prefix{color:var(--col-text-muted)}.product-name .name-suffix{color:#fff;margin-left:2px}.status-tag{font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;padding:.4rem 1rem;border-radius:20px}.status-tag.ready{background:#e6394626;border:1px solid rgba(230,57,70,.4);color:var(--skalvar-red)}.status-tag.coming-soon{background:#00f0ff1a;border:1px solid rgba(0,240,255,.3);color:var(--skalvar-cyan);animation:pulse 2s ease-in-out infinite}.status-tag.inactive{background:#64646426;border:1px solid rgba(100,100,100,.3);color:var(--skalvar-gray)}.product-logo{width:60px;height:60px;display:flex;align-items:center;justify-content:center}.skalvarcon-logo .logo-mark{width:40px;height:40px;position:relative;display:flex;align-items:center;justify-content:center;transition:all .4s ease}.skalvarcon-logo .logo-mark .logo-line,.skalvarcon-logo .logo-mark .logo-line-top,.skalvarcon-logo .logo-mark .logo-line-bottom{position:absolute;width:4px;background:linear-gradient(180deg,var(--skalvar-red) 0%,var(--skalvar-red) 60%,rgba(230,57,70,.4) 100%);transform-origin:center center;border-radius:2px;filter:drop-shadow(0 0 6px rgba(230,57,70,.6));transition:all .4s ease}.skalvarcon-logo .logo-mark .logo-line{height:36px;transform:rotate(45deg)}.skalvarcon-logo .logo-mark .logo-line-top{height:30px;transform:rotate(45deg) translate(-8px);opacity:.8}.skalvarcon-logo .logo-mark .logo-line-bottom{height:30px;transform:rotate(45deg) translate(8px);opacity:.8}.product-card:hover .skalvarcon-logo .logo-mark .logo-line,.product-card:hover .skalvarcon-logo .logo-mark .logo-line-top,.product-card:hover .skalvarcon-logo .logo-mark .logo-line-bottom{filter:drop-shadow(0 0 10px rgba(230,57,70,.8)) drop-shadow(0 0 20px rgba(230,57,70,.5))}.product-card:hover .skalvarcon-logo .logo-mark .logo-line-top,.product-card:hover .skalvarcon-logo .logo-mark .logo-line-bottom{opacity:1}.skalvarnet-logo .diamond-icon{font-size:2.5rem;color:var(--skalvar-cyan);filter:drop-shadow(0 0 6px rgba(0,240,255,.6)) drop-shadow(0 0 12px rgba(0,240,255,.3));transition:all .4s ease;line-height:1}.product-card:hover .skalvarnet-logo .diamond-icon{filter:drop-shadow(0 0 10px rgba(0,240,255,.8)) drop-shadow(0 0 20px rgba(0,240,255,.5)) drop-shadow(0 0 30px rgba(0,240,255,.3));transform:scale(1.1)}.skallvargard-logo .shield-mark{width:40px;height:48px;transition:all .4s ease}.skallvargard-logo .shield-mark svg{width:100%;height:100%;color:var(--skalvar-gray);filter:drop-shadow(0 0 4px rgba(100,100,100,.3));transition:all .4s ease}.skallvargard-logo .shield-mark svg path,.skallvargard-logo .shield-mark svg circle{transition:all .3s ease}.landing-footer{margin-top:auto;background:#0000004d;border-top:1px solid var(--col-panel-border);padding:1.5rem 2rem;text-align:center}.landing-footer .footer-content{max-width:1400px;margin:0 auto}.landing-footer .footer-text{color:var(--col-text-muted);font-size:11px;opacity:.6;letter-spacing:1px}@media(max-width:900px){.products-grid{gap:1rem}.product-card{width:250px;padding:1.5rem 1.25rem}}@media(max-width:768px){.hero-section{min-height:40vh;padding:3rem 1.5rem 1.5rem}.logo-container{height:250px}.full-width-image img{max-width:200px}.products-section{padding:1.5rem 1rem 3rem}.products-grid{flex-direction:column;align-items:center}.product-card{width:100%;max-width:300px}}@media(max-width:480px){.full-width-image img{max-width:160px}.landing-divider{max-width:300px}.product-card{padding:1.25rem 1rem}}[data-theme=light] .landing-page:before{background:radial-gradient(ellipse at 50% 0%,rgba(8,145,178,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(13,148,136,.05) 0%,transparent 50%),linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:100% 100%,100% 100%,24px 24px,24px 24px}[data-theme=light] .product-card{background:#fff9}[data-theme=light] .landing-footer{background:#ffffff80}@keyframes gate-pulse{0%,to{box-shadow:0 0 20px #00f0ff1a,0 0 40px #00f0ff0d;border-color:var(--col-panel-border)}50%{box-shadow:0 0 30px #00f0ff26,0 0 60px #00f0ff14;border-color:#00f0ff4d}}@keyframes icon-glow{0%,to{filter:drop-shadow(0 0 4px var(--col-cyan));opacity:.8}50%{filter:drop-shadow(0 0 8px var(--col-cyan)) drop-shadow(0 0 16px var(--col-teal));opacity:1}}@keyframes scan{0%,to{top:0;opacity:0}10%{opacity:.6}90%{opacity:.6}to{top:100%;opacity:0}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}@keyframes gateFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes gridMove{0%{background-position:0 0}to{background-position:24px 24px}}.password-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--col-bg);position:relative;overflow:hidden;font-family:Rajdhani,sans-serif}.password-gate:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(0,240,255,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(80,227,194,.05) 0%,transparent 50%),linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:100% 100%,100% 100%,24px 24px,24px 24px;animation:gridMove 30s linear infinite;pointer-events:none;z-index:0}.password-gate .gate-container{position:relative;z-index:10;animation:gateFadeIn .6s ease both}.password-gate .gate-card{background:#00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--col-panel-border);border-radius:12px;padding:48px 40px;width:380px;text-align:center;position:relative;overflow:hidden;animation:gate-pulse 4s ease-in-out infinite}.password-gate .gate-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--col-cyan),transparent);opacity:.5}.password-gate .gate-icon{width:64px;height:64px;margin:0 auto 24px;background:#00f0ff0d;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,240,255,.2);animation:icon-glow 4s ease-in-out infinite}.password-gate .gate-icon svg{width:28px;height:28px;color:var(--col-cyan)}.password-gate .gate-title{font-size:1.5rem;font-weight:500;color:var(--col-text-prim);margin-bottom:8px;letter-spacing:4px}.password-gate .gate-title .logo-icon{color:var(--col-cyan);margin-right:4px}.password-gate .gate-title .highlight{color:#fff;margin-left:1px}.password-gate .gate-subtitle{color:var(--col-text-muted);font-size:10px;margin-bottom:32px;text-transform:uppercase;letter-spacing:4px;opacity:.6}.password-gate .gate-form{display:flex;flex-direction:column;gap:16px}.password-gate .input-wrapper{position:relative}.password-gate .input-wrapper input{width:100%;padding:14px 18px;background:#0006;border:1px solid var(--col-panel-border);border-radius:8px;color:var(--col-text-prim);font-size:1rem;font-family:Rajdhani,sans-serif;outline:none;transition:all .3s ease}.password-gate .input-wrapper input::placeholder{color:var(--col-text-muted);opacity:.5}.password-gate .input-wrapper input:focus{border-color:var(--col-cyan);box-shadow:0 0 20px #00f0ff1a,inset 0 0 20px #00f0ff05}.password-gate .input-wrapper input.error{border-color:var(--col-danger);animation:shake .5s ease}.password-gate .input-wrapper .input-glow{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--col-cyan);transition:width .3s ease;border-radius:1px;box-shadow:0 0 10px var(--col-cyan)}.password-gate .input-wrapper input:focus+.input-glow{width:calc(100% - 2px)}.password-gate .error-message{color:var(--col-danger);font-size:12px;margin:-8px 0 0;text-transform:uppercase;letter-spacing:1px}.password-gate .gate-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:#00f0ff1a;border:1px solid var(--col-cyan);border-radius:8px;color:var(--col-cyan);font-size:11px;font-weight:700;font-family:Rajdhani,sans-serif;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease}.password-gate .gate-btn svg{width:16px;height:16px;transition:transform .3s ease}.password-gate .gate-btn:hover{background:var(--col-cyan);color:var(--col-bg);box-shadow:0 0 20px #00f0ff66,0 0 40px #00f0ff33;transform:translateY(-2px)}.password-gate .gate-btn:hover svg{transform:translate(4px)}.password-gate .gate-btn:active{transform:translateY(0)}.password-gate .gate-hint{margin-top:24px;color:var(--col-text-muted);font-size:10px;text-transform:uppercase;letter-spacing:2px;opacity:.4}.password-gate .scan-line{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--col-cyan),transparent);animation:scan 3s ease-in-out infinite;pointer-events:none;box-shadow:0 0 10px var(--col-cyan),0 0 20px #00f0ff80}@media(max-width:768px){.password-gate{padding:1rem}.password-gate .gate-card{width:100%;max-width:340px;padding:40px 24px}.password-gate .gate-title{font-size:1.25rem;letter-spacing:2px}}[data-theme=light] .password-gate:before{background:radial-gradient(ellipse at 50% 0%,rgba(8,145,178,.08) 0%,transparent 50%),radial-gradient(ellipse at 50% 100%,rgba(13,148,136,.05) 0%,transparent 50%),linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:100% 100%,100% 100%,24px 24px,24px 24px}[data-theme=light] .password-gate .gate-card{background:#fffc}[data-theme=light] .password-gate .input-wrapper input{background:#fff9}:root{--col-bg: #000000;--col-surface: rgba(26, 29, 33, .9);--col-surface-light: rgba(44, 47, 51, .9);--col-border: rgba(69, 72, 77, .6);--col-text-muted: #9ca3af;--col-text-prim: #e5e7eb;--col-accent: #ffffff;--col-dot: #2a2a2a;--col-card-bg: transparent;--col-card-border: rgba(255, 255, 255, .1);--col-vignette: rgba(0, 0, 0, 1);--col-modal-bg: rgba(10, 10, 12, .95);--col-modal-header: rgba(20, 20, 24, .8);--col-modal-body: rgba(15, 15, 18, .6);--col-modal-shadow: 0 25px 50px -12px rgba(0, 0, 0, .8), 0 0 0 1px rgba(255, 255, 255, .05);--col-graph-bg: radial-gradient(circle at center, #111 0%, #000 100%);--col-success: #4ade80;--col-alert: #ef4444;--col-warn: #facc15;--col-info: #3b82f6;--col-cyan: #00f0ff;--col-teal: #50e3c2;--col-purple: #bd10e0;--col-red: #ff4d4d;--col-yellow: #ffbf00;--col-orange: #ff8c00;--col-panel-bg: rgba(255, 255, 255, .02);--col-panel-border: rgba(255, 255, 255, .08);--gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-dark: linear-gradient( 180deg, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, .4) 100% )}[data-theme=blue]{--col-bg: #020a14;--col-surface: rgba(8, 24, 42, .95);--col-surface-light: rgba(14, 38, 64, .95);--col-border: rgba(0, 240, 255, .15);--col-text-muted: #8ba4c4;--col-text-prim: #e0f0ff;--col-accent: #00f0ff;--col-dot: #0a1f35;--col-card-bg: transparent;--col-card-border: rgba(0, 240, 255, .12);--col-vignette: rgba(2, 10, 20, 1);--col-modal-bg: rgba(4, 14, 28, .98);--col-modal-header: rgba(8, 24, 42, .95);--col-modal-body: rgba(6, 18, 34, .8);--col-modal-shadow: 0 25px 50px -12px rgba(0, 0, 0, .7), 0 0 40px -10px rgba(0, 240, 255, .15), 0 0 0 1px rgba(0, 240, 255, .1);--col-graph-bg: radial-gradient(circle at center, #071525 0%, #020a14 100%);--col-success: #4ade80;--col-alert: #ff4d4d;--col-warn: #ffbf00;--col-info: #00f0ff;--col-cyan: #00f0ff;--col-teal: #50e3c2;--col-purple: #bd10e0;--col-red: #ff4d4d;--col-yellow: #ffbf00;--col-orange: #ff8c00;--col-panel-bg: rgba(0, 240, 255, .02);--col-panel-border: rgba(0, 240, 255, .08)}[data-theme=light]{--col-bg: #f5f5f0;--col-surface: rgba(255, 255, 255, .9);--col-surface-light: rgba(255, 255, 255, 1);--col-border: rgba(200, 200, 195, .8);--col-text-muted: #6b6b68;--col-text-prim: #1a1a1a;--col-accent: #2d2d2d;--col-dot: rgba(0, 0, 0, .06);--col-card-bg: transparent;--col-card-border: rgba(0, 0, 0, .08);--col-vignette: rgba(245, 245, 240, .3);--col-modal-bg: rgba(255, 255, 255, .98);--col-modal-header: rgba(250, 250, 248, .95);--col-modal-body: rgba(255, 255, 255, .9);--col-modal-shadow: 0 25px 50px -12px rgba(0, 0, 0, .15), 0 0 0 1px rgba(0, 0, 0, .05);--col-graph-bg: radial-gradient(circle at center, #fafafa 0%, #f0f0ec 100%);--col-success: #059669;--col-alert: #dc2626;--col-warn: #d97706;--col-info: #2563eb;--col-cyan: #0891b2;--col-teal: #0d9488;--col-purple: #7c3aed;--col-red: #dc2626;--col-yellow: #ca8a04;--col-orange: #ea580c;--col-panel-bg: rgba(0, 0, 0, .02);--col-panel-border: rgba(0, 0, 0, .06)}.rajdhani{font-family:Rajdhani,sans-serif}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.page-wrapper{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-overlay{position:fixed;inset:0;background:#0a0e27;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease-in-out}.loading-overlay .loader{width:50px;height:50px;border:4px solid rgba(0,240,255,.1);border-top-color:#00f0ff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{color:#8b92b8;font-size:1rem}