.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;top:0;left:0;display:flex;flex-direction:column;border-radius:0;border-right:var(--glass-border);z-index:100}.sidebar-logo{height:var(--header-height);display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--border-color)}.sidebar-logo h2{font-size:1.5rem;font-weight:700;letter-spacing:1px}.sidebar-nav{display:flex;flex-direction:column;padding:24px 16px;gap:8px}.nav-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:8px;color:var(--text-muted);transition:all .3s ease;position:relative;overflow:hidden}.nav-item:hover{color:var(--text-main);background:#ffffff0d}.nav-item.active{color:var(--neon-cyan);background:#00f0ff0d}.active-glow{position:absolute;left:0;top:0;width:4px;height:100%;background:var(--neon-cyan);opacity:0;transition:opacity .3s ease;box-shadow:0 0 10px var(--neon-cyan)}.nav-item.active .active-glow{opacity:1}.navbar{height:var(--header-height);width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-radius:0;border-bottom:var(--glass-border);position:sticky;top:0;z-index:90}.page-title{font-size:1.25rem;font-weight:600;color:var(--text-main)}.nav-right{display:flex;align-items:center;gap:20px}.icon-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;position:relative;transition:color .3s ease;display:flex;align-items:center;justify-content:center}.icon-btn:hover{color:var(--neon-cyan)}.icon-btn.alert-active .indicator{position:absolute;top:0;right:0;width:8px;height:8px;background:var(--neon-red);border-radius:50%;box-shadow:0 0 8px var(--neon-red)}.user-profile{display:flex;align-items:center;gap:10px;padding:8px 16px;background:#ffffff0d;border:1px solid var(--border-color);border-radius:20px;color:var(--text-main);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.user-profile:hover{border-color:var(--neon-cyan);box-shadow:0 0 10px #00f0ff33}.notif-wrapper{position:relative}.notif-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:320px;z-index:200;border-radius:12px;overflow:hidden;padding:0}.notif-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-color);font-size:.85rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.notif-empty{padding:24px 16px;font-size:.85rem;color:var(--text-muted);text-align:center}.notif-item{padding:12px 16px;border-bottom:1px solid var(--border-color);transition:background .2s ease}.notif-item:hover{background:#ffffff08}.notif-msg{font-size:.85rem;color:var(--text-main);line-height:1.4}.notif-time{font-size:.75rem;color:var(--text-muted);margin-top:4px;display:block}.notif-critical{border-left:3px solid var(--neon-red)}.notif-warning{border-left:3px solid var(--neon-orange)}.notif-info{border-left:3px solid var(--neon-cyan)}.main-layout{display:flex;width:100%}.content-wrapper{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}.main-content{padding:32px;flex:1;position:relative;z-index:1}.content-wrapper:before{content:"";position:fixed;top:0;left:var(--sidebar-width);width:calc(100vw - var(--sidebar-width));height:100vh;background-image:linear-gradient(rgba(0,240,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 1px);background-size:40px 40px;z-index:0;pointer-events:none}@media (max-width: 768px){.content-wrapper{margin-left:0}.content-wrapper:before{left:0;width:100vw}.sidebar{display:none}}.auth-layout{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;background-image:radial-gradient(circle at center,var(--bg-card) 0%,var(--bg-main) 100%);position:relative}.auth-layout:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,240,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.05) 1px,transparent 1px);background-size:50px 50px;z-index:0;pointer-events:none}.auth-wrapper{width:100%;max-width:440px;padding:40px;z-index:1}.landing-page{flex-direction:column;min-height:100vh;background-image:radial-gradient(circle at top right,rgba(0,240,255,.12) 0%,transparent 45%),radial-gradient(circle at bottom left,rgba(0,68,255,.1) 0%,transparent 45%)}.landing-header{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;z-index:10}.logo-group{display:flex;align-items:center;gap:10px}.logo-dot-anim{width:12px;height:12px;border-radius:50%;background:var(--neon-cyan);box-shadow:0 0 12px var(--neon-cyan);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.logo-text{font-size:2rem;font-weight:800;letter-spacing:2px}.auth-links{display:flex;gap:16px}.hero-section{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 5% 0;position:relative;z-index:10;gap:48px}.hero-content{max-width:760px}.hero-badge{display:inline-block;background:#00f0ff14;border:1px solid rgba(0,240,255,.25);color:var(--neon-cyan);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;padding:6px 18px;border-radius:20px;margin-bottom:24px}.hero-title{font-size:4rem;line-height:1.1;margin-bottom:20px;font-weight:800}.hero-subtitle{font-size:1.15rem;color:var(--text-muted);margin-bottom:36px;line-height:1.7;max-width:600px;margin-left:auto;margin-right:auto}.hero-subtitle strong{color:var(--text-main)}.hero-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hero-btn{font-size:1rem;padding:14px 32px}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;width:100%;max-width:1000px}@media (max-width: 768px){.stats-row{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:2.5rem}}.stat-pill{display:flex;align-items:center;gap:12px;padding:16px 20px;text-align:left}.stat-icon{color:var(--neon-cyan);flex-shrink:0}.stat-pill div{display:flex;flex-direction:column;gap:2px}.stat-num{font-size:.95rem;font-weight:700;color:var(--text-main)}.stat-lbl{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.why-section{width:100%;max-width:1000px;padding:40px;margin-bottom:20px}.why-title{font-size:1.4rem;font-weight:700;color:var(--text-main);margin-bottom:28px;text-align:center}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media (max-width: 768px){.why-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}}.why-card{display:flex;flex-direction:column;gap:10px;padding:20px;border:1px solid rgba(0,240,255,.08);border-radius:12px;text-align:left}.why-num{font-size:1.8rem;font-weight:800;background:linear-gradient(90deg,var(--neon-cyan),#7b61ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.why-card p{font-size:.9rem;color:var(--text-muted);line-height:1.6}.landing-footer{display:flex;flex-direction:column;align-items:center;gap:24px;padding:48px 5% 32px;border-top:1px solid rgba(0,240,255,.1);text-align:center;background:#0003;margin-top:40px}.footer-team{display:flex;flex-direction:column;align-items:center;gap:12px}.footer-team-header{display:flex;align-items:center;gap:8px;color:var(--neon-cyan);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:2px}.team-names{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}.team-member{font-size:1rem;font-weight:600;color:var(--text-main)}.team-sep{color:var(--text-muted);font-size:1.2rem}.footer-lpu{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}.footer-lpu-icon{color:var(--neon-cyan);flex-shrink:0}.footer-lpu div{display:flex;flex-direction:column;align-items:center;gap:10px}.footer-institution{font-size:.95rem;color:var(--text-muted);font-weight:500}.footer-admit-btn{font-size:.88rem;padding:8px 20px;text-decoration:none}.footer-credit{display:flex;align-items:center;gap:10px;padding-top:8px;border-top:1px solid rgba(255,255,255,.04);width:100%;justify-content:center}.vibe-badge{font-size:.8rem;color:var(--text-muted);letter-spacing:.5px}.creator-name{font-size:1rem;font-weight:700;background:linear-gradient(90deg,var(--neon-cyan),#7b61ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-display-section{width:100%;max-width:1000px;padding:60px 20px;text-align:center;border-top:1px solid rgba(255,255,255,.05)}.legal-main-title{font-size:2.5rem;font-weight:800;margin-bottom:12px;color:var(--text-main)}.legal-main-subtitle{font-size:1rem;color:var(--text-muted);font-style:italic;margin-bottom:48px}.legal-display-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;text-align:left}.legal-display-item h3{font-size:1.2rem;color:var(--neon-cyan);margin-bottom:16px;font-weight:700}.legal-display-item p{font-size:.95rem;color:var(--text-muted);line-height:1.7}.legal-list{list-style:disc;margin-left:20px;color:var(--text-muted);display:flex;flex-direction:column;gap:12px}.legal-list li strong{color:var(--text-main)}.comprehensive-footer{width:100%;background:#05080f;padding:80px 5% 40px;border-top:1px solid rgba(0,240,255,.1);margin-top:80px}.footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:40px}@media (max-width: 992px){.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 576px){.footer-grid{grid-template-columns:1fr}}.footer-col h3.footer-logo{font-size:1.5rem;font-weight:800;color:var(--text-main);margin-bottom:20px;font-style:italic}.footer-tagline{font-size:.95rem;color:var(--text-muted);line-height:1.6;max-width:300px}.footer-col h4{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:#4a5568;margin-bottom:24px}.footer-col ul{display:flex;flex-direction:column;gap:12px}.footer-col ul li a{font-size:.9rem;color:var(--text-muted);transition:color .2s}.footer-col ul li a:hover{color:var(--neon-cyan)}.third-year-badge{display:flex;align-items:center;gap:8px;font-size:.7rem;font-weight:700;color:#4a5568;letter-spacing:1px;margin-bottom:20px}.copyright-info{font-size:.8rem;color:#4a5568;line-height:1.5;margin-bottom:16px}.not-affiliated{font-size:.75rem}.team-footer-names{font-size:.85rem;color:var(--text-muted);font-weight:500;border-top:1px solid rgba(255,255,255,.05);padding-top:12px}.video-section{width:100%;max-width:1000px;margin-top:80px;display:flex;flex-direction:column;align-items:center;gap:32px}.section-header{text-align:center;max-width:700px}.section-title{font-size:2.2rem;font-weight:800;margin-bottom:16px;color:var(--text-main)}.section-desc{font-size:1rem;color:var(--text-muted);line-height:1.6}.video-container{width:100%;aspect-ratio:16 / 9;padding:12px;background:#10172666;border:1px solid rgba(0,240,255,.1);overflow:hidden;transition:all .3s ease}.video-container:hover{border-color:var(--neon-cyan);box-shadow:0 0 30px #00f0ff26}.video-container iframe{border-radius:8px}.facts-section{width:100%;max-width:1000px;margin-top:100px;display:flex;flex-direction:column;align-items:center;gap:48px}.facts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;width:100%}.fact-card{padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;transition:all .3s ease}.fact-card:hover{border-color:var(--neon-cyan);transform:translateY(-5px);box-shadow:0 10px 30px #00f0ff1a}.fact-icon-box{width:56px;height:56px;border-radius:12px;background:#00f0ff0d;display:flex;align-items:center;justify-content:center;color:var(--neon-cyan);border:1px solid rgba(0,240,255,.1)}.fact-card p{font-size:.95rem;color:var(--text-muted);line-height:1.6;font-weight:500}.cinematic-video-section{width:100%;max-width:1200px;margin-top:100px;display:flex;flex-direction:column;gap:40px}.video-bg-wrapper{width:100%;height:500px;position:relative;overflow:hidden;border-radius:32px;border:1px solid rgba(0,240,255,.1)}.cinematic-video{width:100%;height:100%;object-fit:cover;filter:brightness(.6) contrast(1.2)}.video-cyber-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,#05080f66,#05080fcc);z-index:1}.video-content-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px;z-index:2}.cinematic-title{font-size:3.5rem;font-weight:900;margin-bottom:24px;line-height:1}.cinematic-subtitle{font-size:1.2rem;color:#cbd5e1;max-width:700px;line-height:1.6;font-weight:500}@media (max-width: 768px){.cinematic-title{font-size:2.5rem}.video-bg-wrapper{height:400px}}.cinematic-facts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.fact-card-mini{padding:24px;display:flex;flex-direction:column;gap:16px;transition:all .3s ease;border:1px solid rgba(255,255,255,.03)}.fact-card-mini:hover{border-color:var(--neon-cyan);background:#00f0ff05;transform:translateY(-5px)}.fact-icon.cyan{color:var(--neon-cyan)}.fact-card-mini p{font-size:.85rem;color:var(--text-muted);line-height:1.5;font-weight:600}.auth-box{width:100%;padding:48px;display:flex;flex-direction:column;gap:32px}.auth-header{text-align:center}.auth-icon{color:var(--neon-cyan);margin-bottom:16px;filter:drop-shadow(0 0 10px rgba(0,240,255,.4))}.auth-header h2{font-size:2rem;margin-bottom:8px}.auth-subtitle{color:var(--text-muted)}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:var(--text-muted)}.cyber-input.with-icon{padding-left:48px}.cyber-input:focus+.input-icon{color:var(--neon-cyan)}.full-width{width:100%;padding:14px}.mt-4{margin-top:16px}.auth-footer{text-align:center;border-top:1px solid var(--border-color);padding-top:24px}.text-btn{background:transparent;border:none;color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:color .3s ease}.text-btn:hover{color:var(--neon-cyan);text-decoration:underline}.auth-alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:8px;font-size:.9rem;margin-top:-16px}.auth-alert.error{background:#ff32321a;border:1px solid rgba(255,50,50,.4);color:#ff6b6b}.auth-alert.success{background:#00f0641a;border:1px solid rgba(0,240,100,.4);color:#00f064}.sensor-card{padding:24px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.sensor-header{display:flex;justify-content:space-between;align-items:center}.sensor-title{color:var(--text-muted);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.sensor-icon{color:var(--neon-cyan)}.sensor-body{display:flex;align-items:flex-end;justify-content:space-between}.sensor-value{font-size:2.5rem;font-weight:700;color:var(--text-main);line-height:1}.sensor-unit{font-size:1rem;color:var(--text-muted);margin-left:4px}.sensor-trend{font-size:1.2rem;font-weight:700}.sensor-trend.up{color:var(--neon-red)}.sensor-trend.down{color:var(--neon-green)}.sensor-trend.stable{color:var(--neon-cyan)}.status-indicator{width:8px;height:8px;border-radius:50%;box-shadow:0 0 8px currentColor}.sensor-footer{display:flex;align-items:center;gap:8px;font-size:.8rem;padding-top:16px;border-top:1px solid var(--border-color)}.status-normal .status-indicator,.status-normal .status-text{color:var(--neon-green)}.status-warning .status-indicator,.status-warning .status-text{color:var(--neon-orange)}.status-critical .status-indicator,.status-critical .status-text{color:var(--neon-red)}.sensor-card:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.sensor-card.status-critical:after{background:radial-gradient(circle,rgba(255,0,60,.1) 0%,transparent 60%);opacity:1}.dashboard-page{display:flex;flex-direction:column;gap:24px}.main-chart-placeholder{padding:24px;min-height:300px;display:flex;flex-direction:column}.blink{animation:blinker 2s linear infinite;color:var(--neon-cyan);font-family:monospace;font-size:1rem;z-index:1;padding:12px;text-align:center}.status-panels{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 768px){.status-panels{grid-template-columns:1fr}}.status-panel{display:flex;align-items:center;gap:20px;padding:24px 28px;transition:all .3s ease}.status-panel-icon{flex-shrink:0;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center}.status-panel-info{display:flex;flex-direction:column;gap:4px}.status-panel-label{display:flex;align-items:center;gap:6px;font-size:.78rem;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted)}.status-panel-value{font-size:1.8rem;font-weight:800;letter-spacing:1px;line-height:1.1}.status-panel-desc{font-size:.82rem;color:var(--text-muted);line-height:1.5;margin-top:4px}.status-panel-safe{border-color:#39ff144d!important}.status-panel-safe .status-panel-icon{background:#39ff141a;color:var(--neon-green);box-shadow:0 0 20px #39ff1433}.status-panel-safe .status-panel-value{color:var(--neon-green)}.status-panel-caution{border-color:#ff6a004d!important}.status-panel-caution .status-panel-icon{background:#ff6a001a;color:var(--neon-orange);box-shadow:0 0 20px #ff6a0033}.status-panel-caution .status-panel-value{color:var(--neon-orange)}.status-panel-danger{border-color:#ff003c4d!important}.status-panel-danger .status-panel-icon{background:#ff003c1a;color:var(--neon-red);box-shadow:0 0 20px #ff003c33;animation:pulseRed 1.5s infinite}.status-panel-danger .status-panel-value{color:var(--neon-red)}@keyframes pulseRed{0%,to{box-shadow:0 0 20px #ff003c33}50%{box-shadow:0 0 40px #ff003c99}}.status-panel-unknown .status-panel-icon{background:#94a3b81a;color:var(--text-muted)}.status-panel-unknown .status-panel-value{color:var(--text-muted)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.page-header h2{font-size:1.8rem}.header-actions{display:flex;gap:16px}.dashboard-content{display:grid;grid-template-columns:1fr;gap:24px}.main-chart-placeholder{padding:24px;min-height:400px;display:flex;flex-direction:column}.main-chart-placeholder h3{margin-bottom:24px;color:var(--text-main);font-size:1.2rem}.placeholder-viz{flex:1;border:1px solid var(--border-color);border-radius:8px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.cyber-grid-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,240,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.1) 1px,transparent 1px);background-size:20px 20px;opacity:.5}.blink{animation:blinker 2s linear infinite;color:var(--neon-cyan);font-family:monospace;font-size:1.2rem;z-index:1}@keyframes blinker{50%{opacity:0}}.export-alert{padding:12px 18px;border-radius:8px;font-size:.9rem;font-weight:500}.export-alert.warning{background:#ffaa001a;border:1px solid rgba(255,170,0,.4);color:#fa0}.export-alert.success{background:#00f0641a;border:1px solid rgba(0,240,100,.4);color:#00f064}.signout-btn{color:var(--text-muted)!important}.signout-btn:hover{color:#ff6b6b!important}.analytics-page{display:flex;flex-direction:column;gap:24px}.analytics-grid{display:grid;grid-template-columns:1fr;gap:24px}.chart-card{padding:24px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.chart-header h3{font-size:1.2rem;color:var(--text-main)}.status-badge{padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-badge.normal{background:#39ff141a;color:var(--neon-green);border:1px solid rgba(57,255,20,.3)}.status-badge.warning{background:#ff003c1a;color:var(--neon-red);border:1px solid rgba(255,0,60,.3)}.devices-page{display:flex;flex-direction:column;gap:24px}.device-list{display:flex;flex-direction:column;gap:16px}.device-card{display:flex;align-items:center;padding:20px 24px;gap:24px}.device-icon{background:#ffffff0d;padding:16px;border-radius:12px;display:flex;align-items:center;justify-content:center}.icon-online{color:var(--neon-cyan);filter:drop-shadow(0 0 8px rgba(0,240,255,.5))}.icon-offline{color:var(--text-muted)}.device-info{flex:1}.device-info h3{font-size:1.1rem;color:var(--text-main);margin-bottom:4px}.device-location{color:var(--text-muted);font-size:.9rem}.device-stats{display:flex;gap:32px}.stat{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:.8rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:1px}.stat-value{font-weight:600;color:var(--text-main)}.stat-value.online{color:var(--neon-green)}.stat-value.offline{color:var(--neon-red)}.device-actions{display:flex;gap:12px;margin-left:16px}.icon-only{padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center}.icon-only.danger{border-color:var(--neon-red);color:var(--neon-red)}.icon-only.danger:hover{background:#ff003c1a;box-shadow:0 0 15px #ff003c4d}@media (max-width: 768px){.device-card{flex-direction:column;align-items:flex-start}.device-stats{width:100%;justify-content:space-between}.device-actions{margin-left:0;width:100%;justify-content:flex-end}}.register-form{padding:24px 28px;display:flex;flex-direction:column;gap:12px}.register-form h3{display:flex;align-items:center;gap:10px;color:var(--neon-cyan);font-size:1rem}.register-desc{font-size:.88rem;color:var(--text-muted);line-height:1.5}.register-inputs{display:flex;gap:12px;align-items:center}.register-inputs .cyber-input{flex:1}.device-msg{padding:12px 16px;border-radius:8px;font-size:.9rem}.device-msg.success{background:#00f0641a;border:1px solid rgba(0,240,100,.3);color:#00f064}.device-msg.error{background:#ff003c1a;border:1px solid rgba(255,0,60,.3);color:#ff6b6b}.apikey-banner{padding:24px;display:flex;flex-direction:column;gap:12px;border-color:#fa06!important;background:#ffaa000d!important}.apikey-header{font-size:.88rem;font-weight:600;color:#fa0}.apikey-body{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.apikey-code{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.1);padding:10px 14px;border-radius:8px;font-family:monospace;font-size:.85rem;color:var(--neon-cyan);word-break:break-all}.apikey-note{font-size:.82rem;color:var(--text-muted);line-height:1.5}.apikey-note code{background:#0000004d;padding:2px 6px;border-radius:4px;color:var(--neon-cyan);font-size:.8rem}.text-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.85rem;text-decoration:underline;align-self:flex-start}.devices-empty{text-align:center;padding:60px 24px;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:12px}.devices-empty.glass-panel{border-radius:16px}.empty-icon{color:var(--text-muted);opacity:.4;margin-bottom:8px}.devices-empty h3{color:var(--text-main);font-size:1.1rem}.devices-empty p{font-size:.9rem;max-width:360px;line-height:1.5}.ai-suggestions-page{display:flex;flex-direction:column;gap:24px}.pulse-indicator{display:flex;align-items:center;gap:8px;color:var(--neon-cyan);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{opacity:.7;text-shadow:0 0 5px var(--neon-cyan)}50%{opacity:1;text-shadow:0 0 20px var(--neon-cyan)}to{opacity:.7;text-shadow:0 0 5px var(--neon-cyan)}}.suggestions-list{display:flex;flex-direction:column;gap:16px}.suggestion-card{display:flex;padding:24px;gap:24px;align-items:flex-start;position:relative;overflow:hidden}.suggestion-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%}.suggestion-card.critical:before{background:var(--neon-red);box-shadow:0 0 10px var(--neon-red)}.suggestion-card.optimization:before{background:var(--neon-cyan);box-shadow:0 0 10px var(--neon-cyan)}.suggestion-card.success:before{background:var(--neon-green);box-shadow:0 0 10px var(--neon-green)}.suggestion-icon-wrapper{padding:12px;border-radius:12px;display:flex;align-items:center;justify-content:center}.suggestion-card.critical .suggestion-icon-wrapper{color:var(--neon-red);background:#ff003c1a}.suggestion-card.optimization .suggestion-icon-wrapper{color:var(--neon-cyan);background:#00f0ff1a}.suggestion-card.success .suggestion-icon-wrapper{color:var(--neon-green);background:#39ff141a}.suggestion-content{flex:1}.suggestion-content h3{font-size:1.2rem;color:var(--text-main);margin-bottom:8px}.suggestion-content p{color:var(--text-muted);line-height:1.5}.suggestion-actions{display:flex;flex-direction:column;gap:12px}@media (max-width: 768px){.suggestion-card{flex-direction:column}.suggestion-actions{width:100%;flex-direction:row;justify-content:flex-end}}.legal-page{min-height:100vh;display:flex;flex-direction:column;background-color:#05080f;color:var(--text-main)}.legal-nav{padding:24px 5%;display:flex;align-items:center}.back-btn{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.9rem;font-weight:500;transition:color .2s}.back-btn:hover{color:var(--neon-cyan)}.legal-content{flex:1;max-width:800px;margin:0 auto;padding:60px 24px;width:100%}.legal-header{text-align:center;margin-bottom:80px}.legal-title{font-size:3.5rem;font-weight:800;margin-bottom:16px;letter-spacing:-1px}.legal-subtitle{font-size:1.1rem;color:var(--text-muted);font-style:italic}.legal-section{display:flex;flex-direction:column;gap:60px}.legal-item h2{font-size:1.4rem;color:var(--text-main);margin-bottom:20px;font-weight:700}.legal-item p{font-size:1rem;color:var(--text-muted);line-height:1.8}.legal-footer-note{margin-top:40px;padding-top:40px;border-top:1px solid rgba(255,255,255,.05);text-align:center;color:#4a5568;font-size:.8rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:10px}.say-hello-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}@media (max-width: 768px){.say-hello-grid{grid-template-columns:1fr}}.contact-card h3{font-size:1.5rem;margin-bottom:16px}.contact-card p{font-size:.95rem;color:var(--text-muted);line-height:1.6;margin-bottom:32px}.contact-links{display:flex;flex-direction:column;gap:20px}.contact-link{display:flex;align-items:center;gap:16px}.contact-icon{width:40px;height:40px;background:#ffffff0d;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--neon-cyan)}.contact-info{display:flex;flex-direction:column}.contact-label{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:#4a5568}.contact-value{font-size:.95rem;color:var(--text-main);font-weight:500}.quote-card{padding:40px;border-radius:24px;background:#ffffff05;border:1px solid rgba(255,255,255,.05)}.quote-text{font-size:1.2rem;font-weight:600;font-style:italic;margin-bottom:24px;color:var(--text-main)}.quote-desc{font-size:.9rem;color:var(--text-muted);line-height:1.7}.simple-footer{padding:40px 5%;text-align:center;border-top:1px solid rgba(255,255,255,.05)}.simple-footer p{font-size:.8rem;color:#4a5568;margin-bottom:8px}.about-story-page{min-height:100vh;background-color:#05080f;color:var(--text-main);position:relative;overflow-x:hidden;display:block}.particles-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background:radial-gradient(circle at 20% 30%,rgba(0,240,255,.05) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(123,97,255,.05) 0%,transparent 40%)}.particle{position:absolute;background:var(--neon-cyan);border-radius:50%;opacity:.2;filter:blur(1px);animation:float 20s infinite linear}@keyframes float{0%{transform:translateY(0) translate(0)}33%{transform:translateY(-50px) translate(20px)}66%{transform:translateY(20px) translate(-40px)}to{transform:translateY(0) translate(0)}}.about-content{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:60px 24px 100px;display:flex;flex-direction:column}.about-nav{margin-bottom:60px}.reveal{opacity:0;transform:translateY(30px);animation:revealUp .8s forwards ease-out}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}.about-header{text-align:center;margin-bottom:100px}.about-title{font-size:5rem;font-weight:900;margin-bottom:24px;letter-spacing:-3px;line-height:1}@media (max-width: 768px){.about-title{font-size:3.5rem;letter-spacing:-1px}.about-header{margin-bottom:60px}}.about-subtitle{font-size:1.3rem;color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.6}.team-section{margin-bottom:150px}.section-label{display:block;text-align:center;font-size:.85rem;text-transform:uppercase;letter-spacing:4px;color:var(--neon-cyan);margin-bottom:50px;font-weight:700;opacity:.9}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.team-card{padding:40px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;background:#10172666;border:1px solid rgba(255,255,255,.05);border-radius:24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.team-card:hover{transform:translateY(-10px);background:#10172699;border-color:#00f0ff66;box-shadow:0 20px 40px #0006}.member-avatar{width:80px;height:80px;background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--neon-cyan)}.member-name{font-size:1.5rem;font-weight:800;margin-bottom:6px;color:var(--text-main)}.member-role-title{font-size:.75rem;text-transform:uppercase;color:#7b61ff;letter-spacing:1.5px;margin-bottom:20px;font-weight:700}.role-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px}.role-list li{font-size:.9rem;color:var(--text-muted);line-height:1.4}.member-credit{margin-top:30px;font-size:.8rem;color:var(--neon-cyan);font-style:italic;font-weight:500;opacity:.9;border-top:1px solid rgba(255,255,255,.05);padding-top:15px;width:100%}.story-section{margin-bottom:120px;padding:80px 60px;border-radius:40px;background:linear-gradient(135deg,#10172666,#0a0e1799);border:1px solid rgba(255,255,255,.05)}@media (max-width: 768px){.story-section{padding:40px 24px}}.story-content{max-width:800px;margin:0 auto;text-align:center}.story-content h2{font-size:3.5rem;line-height:1.1;margin-bottom:30px;font-weight:900}@media (max-width: 768px){.story-content h2{font-size:2.5rem}}.story-text{font-size:1.15rem;line-height:1.8;color:var(--text-muted);margin-bottom:50px}.quote-blocks{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 768px){.quote-blocks{grid-template-columns:1fr}}.quote-card{padding:30px;border-radius:20px;background:#ffffff05;border-left:4px solid var(--neon-cyan);font-size:1.1rem;font-weight:600;font-style:italic;text-align:left}.lpu-promo-section{text-align:center;padding:80px 24px;margin-bottom:100px}.lpu-promo-title{font-size:3rem;font-weight:900;margin-bottom:24px}.lpu-promo-desc{font-size:1.2rem;color:var(--text-muted);max-width:700px;margin:0 auto 50px;line-height:1.7}.promo-grid{display:flex;justify-content:center;gap:40px;margin-bottom:60px;flex-wrap:wrap}.promo-tag{font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:12px;color:var(--text-main)}.promo-dot{width:8px;height:8px;background:var(--neon-cyan);border-radius:50%;box-shadow:0 0 12px var(--neon-cyan)}.apply-lpu-btn{padding:20px 50px;font-size:1.2rem;border-radius:100px}.about-footer{text-align:center;padding-top:60px;border-top:1px solid rgba(255,255,255,.05);color:#4a5568}:root{--bg-main: #0a0e17;--bg-card: rgba(16, 23, 38, .7);--bg-input: #121926;--border-color: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--neon-cyan: #00f0ff;--neon-blue: #0044ff;--neon-green: #39ff14;--neon-red: #ff003c;--neon-orange: #ff6a00;--sidebar-width: 260px;--header-height: 70px;--glass-border: 1px solid rgba(255, 255, 255, .05);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--glass-blur: blur(12px)}[data-theme=light]{--bg-main: #f1f5f9;--bg-card: rgba(255, 255, 255, .8);--bg-input: #ffffff;--border-color: #cbd5e1;--text-main: #0f172a;--text-muted: #64748b;--glass-border: 1px solid rgba(0, 0, 0, .05);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .1);--neon-cyan: #0284c7;--neon-blue: #2563eb;--neon-green: #16a34a;--neon-red: #dc2626;--neon-orange: #ea580c}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-main);color:var(--text-main);transition:background-color .3s ease,color .3s ease;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}.glass-panel{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);transition:transform .2s ease,box-shadow .2s ease}.glass-panel:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0006}.text-gradient{background:linear-gradient(90deg,var(--neon-cyan) 0%,var(--neon-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-alert{background:linear-gradient(90deg,var(--neon-orange) 0%,var(--neon-red) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cyber-btn{background:transparent;border:1px solid var(--neon-cyan);color:var(--neon-cyan);padding:10px 24px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.cyber-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,240,255,.2),transparent);transition:left .5s ease}.cyber-btn:hover{background:#00f0ff1a;box-shadow:0 0 15px #00f0ff4d}.cyber-btn:hover:before{left:100%}.cyber-btn.primary{background:var(--neon-cyan);color:#000;border-color:var(--neon-cyan)}.cyber-btn.primary:hover{background:var(--neon-blue);border-color:var(--neon-blue);color:#fff;box-shadow:0 0 20px #0044ff80}.cyber-input{width:100%;background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-main);padding:12px 16px;border-radius:8px;font-size:1rem;transition:all .3s ease;outline:none}.cyber-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 10px #00f0ff33}.app-container{display:flex;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--neon-cyan)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px}@media (max-width: 768px){.app-container{flex-direction:column}}