@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap";.twinkling-stars-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.star{position:absolute;background:var(--color-silver);border-radius:50%;box-shadow:0 0 3px 1px #c0c0c080;animation:twinkle 3s ease-in-out infinite}.landing-container{background:#0a0a0a;position:relative;overflow-x:hidden;min-height:100vh;color:#fff;width:100vw;display:flex;flex-direction:column;align-items:center}.grid-background{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:linear-gradient(rgba(192,192,192,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(192,192,192,.05) 1px,transparent 1px);background-size:50px 50px;z-index:-2}.particles{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.background-stars .particles{z-index:-1}.section-stars .particles{z-index:1}.particle{position:absolute;width:3px;height:3px;background:silver;border-radius:50%;animation:float 10s ease-in-out infinite}.background-stars .particle{opacity:.3}.section-stars .particle{opacity:.5}.particle:nth-child(1){left:10%;top:20%;animation-delay:0s}.particle:nth-child(2){left:80%;top:40%;animation-delay:2s}.particle:nth-child(3){left:30%;top:70%;animation-delay:4s}.particle:nth-child(4){left:60%;top:30%;animation-delay:1s}.particle:nth-child(5){left:90%;top:80%;animation-delay:3s}.particle:nth-child(6){left:20%;top:50%;animation-delay:5s}.particle:nth-child(7){left:70%;top:60%;animation-delay:1.5s}.particle:nth-child(8){left:40%;top:85%;animation-delay:3.5s}@keyframes float{0%,to{transform:translateY(0) translate(0)}33%{transform:translateY(-20px) translate(10px)}66%{transform:translateY(20px) translate(-10px)}}section{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;box-sizing:border-box;margin-bottom:6rem}section.is-visible{opacity:1;transform:none!important}.landing-hero-tagline{z-index:10;background:transparent;min-height:auto;transform:scale(.95)}.landing-hero-tagline.is-visible{transform:scale(1)}.logo-container{text-align:center;margin-bottom:1rem;width:100%;max-width:1200px}.logo{max-width:200px;height:auto;filter:drop-shadow(0 0 10px rgba(192,192,192,.5));transition:transform .3s ease}.logo:hover{transform:scale(1.05) rotate(5deg)}.title-rollout{text-align:center;margin-bottom:1.5rem;width:100%;max-width:1200px}.landing-title{margin:0 0 .5rem;color:#fff;text-shadow:0 0 10px rgba(192,192,192,.5);font-size:6rem;font-weight:700;line-height:1.2;white-space:nowrap}.landing-title:after{content:"";display:block;margin:.5rem auto;width:200px;height:2px;background:linear-gradient(90deg,transparent,#c0c0c0,transparent)}.tagline-content{text-align:center;width:100%;max-width:1200px}.landing-subtitle{color:silver;font-size:3rem;margin-bottom:1rem;letter-spacing:2px}.landing-tagline{color:#aaa;font-size:1.2rem;margin-bottom:1.5rem;max-width:800px;margin-left:auto;margin-right:auto}.landing-buttons{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.landing-btn{padding:1rem 2rem;border-radius:0;font-weight:700;font-size:1.1rem;letter-spacing:1px;transition:all .3s ease;position:relative;overflow:hidden;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);cursor:pointer}.landing-btn:before,.landing-btn:after{content:"";position:absolute;background:silver;transition:all .3s ease}.landing-btn:before{top:0;left:0;width:0;height:2px}.landing-btn:after{bottom:0;right:0;width:0;height:2px}.landing-btn-primary{background:silver;color:#000;border:2px solid #c0c0c0;box-shadow:0 0 15px #c0c0c04d}.landing-btn-primary:hover{background:#fff;border-color:#fff;box-shadow:0 0 20px #c0c0c080;transform:translateY(-3px) scale(1.05)}.landing-btn-secondary{background:transparent;color:silver;border:2px solid #c0c0c0}.landing-btn-secondary:hover{background:#c0c0c01a;border-color:#fff;color:#fff;transform:translateY(-3px) scale(1.05)}.robot-section{z-index:10;background:transparent;min-height:auto;transform:translateY(20px)}.robot-section.is-visible{transform:translateY(0)}.robot-showcase{display:flex;align-items:center;justify-content:center;gap:2rem;width:100%;max-width:1200px;flex-wrap:wrap}.robot-visual{height:360px;display:flex;align-items:center;justify-content:center}.robot-video{width:320px;height:360px;object-fit:cover;border-radius:20px;background:transparent;transition:transform .3s ease}.robot-video:hover{transform:scale(1.1)}.robot-info{max-width:600px;text-align:center;transition:transform .3s ease}.robot-info:hover{transform:scale(1.02)}.robot-title{font-size:3rem;margin-bottom:1rem}.robot-description{font-size:1.4rem;margin-bottom:1.5rem}.robot-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.spec-item{text-align:center}.spec-label{font-size:1.2rem;font-weight:600}.spec-value{font-size:1.1rem;color:silver}.features-section{z-index:10;background:transparent;min-height:auto;transform:scale(.98)}.features-section.is-visible{transform:scale(1)}.section-title{color:#fff;font-size:3rem;margin-bottom:2rem;text-align:center;width:100%;max-width:1200px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;width:100%;max-width:1200px;justify-content:center}.feature-card{padding:1.5rem;background:#1a1a1acc;border:1px solid rgba(192,192,192,.2);border-radius:12px;position:relative;overflow:hidden;transition:all .3s ease;text-align:center;box-shadow:0 5px 15px #0000004d}.feature-card:hover{border-color:silver;transform:translateY(-10px);box-shadow:0 10px 25px #c0c0c04d}.feature-icon{width:60px;height:60px;margin:0 auto 1rem;background:#444;border:2px solid #c0c0c0;border-radius:8px;display:flex;align-items:center;justify-content:center;color:silver;transition:all .3s ease}.feature-card:hover .feature-icon{background:silver;color:#000}.feature-title{color:#fff;font-size:1.5rem;margin-bottom:.8rem}.feature-description{color:silver;font-size:1.1rem;line-height:1.5}.footer-section{z-index:10;background:transparent;min-height:auto;padding:1.5rem;margin-bottom:0}.footer-section.is-visible{transform:translateY(0)}.footer-content{text-align:center;width:100%;max-width:1200px}.footer-title{color:#fff;font-size:1.5rem;margin-bottom:1rem}.footer-links{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.footer-link{color:silver;transition:color .3s ease,transform .3s ease}.footer-link:hover{color:#fff;transform:scale(1.1)}@keyframes lineExpand{0%,to{width:200px;opacity:.5}50%{width:250px;opacity:1}}@keyframes titleGlow{0%,to{text-shadow:0 0 10px rgba(192,192,192,.5)}50%{text-shadow:0 0 15px rgba(192,192,192,.7)}}@media(max-width:768px){.robot-showcase{flex-direction:column;gap:1.5rem;justify-content:center;align-items:center}.robot-video{width:280px;height:320px}.landing-title{font-size:4rem}.landing-subtitle{font-size:2rem}.landing-tagline{font-size:1rem;max-width:90%}.section-title{font-size:2rem}.features-grid{justify-content:center}.feature-title{font-size:1.1rem}.feature-description{font-size:.9rem}.footer-title{font-size:1.2rem}.footer-links{flex-direction:column;gap:1rem}section{padding:1.5rem 1rem;margin-bottom:4rem}.robot-title{font-size:2.5rem}.robot-description{font-size:1.2rem}.spec-label{font-size:1rem}.spec-value{font-size:.9rem}}@media(max-width:480px){.landing-title{font-size:3rem}.landing-subtitle{font-size:1.5rem}.landing-tagline{font-size:.9rem}.landing-btn{padding:.8rem 1.5rem;font-size:1rem}.robot-title{font-size:2rem}.robot-description{font-size:1rem}.section-title{font-size:1.8rem}.feature-title{font-size:1rem}.feature-description{font-size:.8rem}.feature-icon{width:50px;height:50px}.feature-card{padding:1rem}.robot-video{width:240px;height:280px}.footer-title{font-size:1rem}.footer-link{font-size:.9rem}section{margin-bottom:3rem}}.login-container{min-height:100vh;background:radial-gradient(ellipse at center,#1a1a1a,#0a0a0a);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-box{background:#1a1a1ae6;border:2px solid var(--color-silver);padding:3rem;width:90%;max-width:450px;position:relative;clip-path:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px);box-shadow:0 0 50px #c0c0c033;z-index:10}.login-box:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--color-silver),transparent,var(--color-silver));z-index:-1;opacity:0;transition:opacity .3s ease;clip-path:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px)}.login-box:hover:before{opacity:.3;animation:borderPulse 2s linear infinite}@keyframes borderPulse{0%{background-position:0% 50%}to{background-position:100% 50%}}.login-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--color-medium-gray);border:2px solid var(--color-silver);display:flex;align-items:center;justify-content:center;color:var(--color-silver);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px)}.login-title{color:var(--color-white);margin-bottom:.5rem;text-shadow:0 0 20px rgba(192,192,192,.5)}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{color:var(--color-silver);font-weight:600;letter-spacing:1px}.form-input{padding:1rem;background:var(--color-medium-gray);border:2px solid rgba(192,192,192,.3);color:var(--color-white);outline:none;transition:all .3s ease;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.login-button{padding:1rem 2rem;background:var(--color-silver);color:var(--color-black);border:2px solid var(--color-silver);font-weight:700;letter-spacing:2px;transition:all .3s ease;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);margin-top:1rem}.login-button:hover:not(:disabled){background:var(--color-white);border-color:var(--color-white);box-shadow:0 0 30px #c0c0c080;transform:translateY(-2px)}.error-message{background:#ff00001a;border:1px solid var(--color-danger);color:var(--color-danger);padding:1rem;margin-bottom:1rem;text-align:center;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.back-link a{color:var(--color-silver);text-decoration:none;transition:color .3s ease}.data-card{background:linear-gradient(135deg,#1a1a1ae6,#2a2a2ae6);border:2px solid rgba(192,192,192,.3);padding:1.5rem;position:relative;overflow:hidden;transition:all .3s ease;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px)}.data-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-silver);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.data-card:hover{transform:translateY(-5px);border-color:var(--color-silver);box-shadow:0 10px 40px #c0c0c033}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.card-title{color:var(--color-silver);display:flex;align-items:center;gap:.5rem;font-family:Orbitron,sans-serif}.card-value{margin-bottom:.5rem;color:var(--color-white);font-family:Orbitron,sans-serif}.card-trend{display:flex;align-items:center;gap:.5rem;color:var(--color-silver)}.chart-card{background:linear-gradient(135deg,#1a1a1ae6,#2a2a2ae6);border:2px solid rgba(192,192,192,.3);padding:2rem;position:relative;overflow:hidden;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px)}.chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-silver)}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px}.spinner{width:50px;height:50px;border:3px solid rgba(192,192,192,.2);border-top-color:var(--color-silver);border-radius:50%;animation:spin 1s linear infinite}:root{--color-success: #00ff88;--color-danger: #ff3366}.dashboard-header{background:#1a1a28f2;border-bottom:1px solid #00ff88;padding:1rem 2rem;backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;box-shadow:0 4px 20px #0000004d}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.header-logo h2{color:#fff;font-family:Orbitron,sans-serif;font-size:1.8rem;margin:0;text-shadow:0 0 15px rgba(0,255,136,.4);letter-spacing:1px}.header-actions{display:flex;align-items:center;gap:1rem}.header-status{background:#00ff001a;border:1px solid var(--color-success);padding:.4rem .8rem;border-radius:12px;display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600}.header-status[style*="rgba(255,0,0"]{background:#ff00001a!important;border-color:var(--color-danger)!important}.status-dot{width:10px;height:10px;background:var(--color-success);border-radius:50%;animation:pulse 2s infinite}.status-dot.offline{background:var(--color-danger);animation:none;box-shadow:0 0 10px #f006}.header-status[style*="rgba(255,0,0"] .status-text{color:var(--color-danger)!important}.logout-button{background:transparent;border:1px solid #00ff88;color:#0f8;padding:.5rem 1rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s ease}.logout-button:hover{background:#0f8;color:#000;transform:translateY(-1px)}.dashboard-controls{text-align:right;padding:.5rem 2rem;font-size:.9rem;color:#aaa}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.zone-dashboard-container{min-height:100vh;width:100vw;background:#000;color:#e0e0e0;font-family:Inter,Segoe UI,sans-serif;padding:2rem;box-sizing:border-box;overflow-x:hidden}main.dashboard-main{margin-top:1rem}.warning-alert:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,102,0,.723),transparent 70%);z-index:-1;pointer-events:none}.temperature-focus{margin:2rem 0}.temp-main-display{background:linear-gradient(135deg,#1a1a1ae6,#2a2a2ae6);border:2px solid var(--color-silver);padding:2.5rem;text-align:center;box-shadow:0 4px 12px #0000004d;position:relative;overflow:hidden}.temp-main-display.temp-critical:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,0,0,.15),transparent 70%);z-index:-1;pointer-events:none}.temp-main-display.temp-warning:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,102,0,.15),transparent 70%);z-index:-1;pointer-events:none}.temp-label{font-size:1.2rem;color:#aaa;margin-bottom:1rem;font-weight:500}.temp-value{font-weight:700;color:#fff;line-height:1;margin:.5rem 0;font-size:5rem}.temp-value.temp-critical{color:var(--color-danger);font-size:5rem}.temp-value.temp-warning{color:var(--color-warning);font-size:5rem}.temp-status{font-size:1.4rem;font-weight:600;margin:1rem 0;padding:.4rem 1.2rem;border-radius:6px;display:inline-block;background:#0f03;border:2px solid var(--color-success);color:var(--color-success)}.status-critical{background:#f003;border:2px solid var(--color-danger);color:var(--color-danger)}.status-warning{background:#f603;border:2px solid var(--color-warning);color:var(--color-warning)}.status-normal{background:#0f03;border:2px solid var(--color-success);color:var(--color-success)}.sensor-id{color:#888;font-size:1rem;margin-top:.8rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2rem 0}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}@media(max-width:992px){.charts-grid{grid-template-columns:1fr}}.dashboard-table-container{background:#1a1a1a;border:1px solid #333;border-radius:12px;padding:1.5rem;margin-bottom:2rem}.dashboard-table-container h3{color:#ddd;margin:0 0 1rem;font-size:1.2rem}.dashboard-table-wrapper{max-height:380px;overflow-y:auto;border-radius:8px}.dashboard-table{width:100%;border-collapse:collapse;font-size:.92rem}.dashboard-table th{background:#222;color:#aaa;padding:.8rem 1rem;text-align:left;position:sticky;top:0;font-weight:500}.dashboard-table td{padding:.7rem 1rem;color:#ddd;border-bottom:1px solid #333}.dashboard-table tr:hover{background:#222}.dashboard-table tr:last-child{background:#1a2a1a;font-weight:500}.dashboard-footer{text-align:center;margin-top:3rem;color:#666;font-size:.8rem}.dashboard-controls{display:flex;justify-content:space-between;align-items:center;padding:.5rem 2rem;font-size:.9rem;color:#aaa;flex-wrap:wrap;gap:1rem}.last-update{font-family:Roboto Mono,monospace}@media(max-width:768px){.dashboard-controls{flex-direction:column;align-items:flex-end}.last-update{align-self:flex-start}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.data-card .edit-button,.data-card .save-button,.data-card .cancel-button{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;border:2px solid transparent;background:linear-gradient(135deg,#1a1a28e6,#2a2a2ae6);color:var(--color-silver);font-family:Orbitron,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:1px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;text-shadow:0 0 5px rgba(192,192,192,.4)}.data-card .edit-button{border-color:var(--color-silver);box-shadow:0 0 15px #c0c0c04d}.data-card .edit-button:hover{background:linear-gradient(135deg,#323250e6,#464664e6);color:#fff;box-shadow:0 0 25px #c0c0c080;transform:translateY(-1px)}.data-card .edit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(192,192,192,.2),transparent);transition:left .5s ease}.data-card .edit-button:hover:before{left:100%}.data-card .save-button{border-color:var(--color-success);color:var(--color-success);box-shadow:0 0 15px #0f86}.data-card .save-button:hover{background:linear-gradient(135deg,#005028e6,#00643ce6);color:#fff;box-shadow:0 0 25px #0f89;transform:translateY(-1px)}.data-card .save-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.3),transparent);transition:left .5s ease}.data-card .save-button:hover:before{left:100%}.data-card .cancel-button{border-color:var(--color-danger);color:var(--color-danger);box-shadow:0 0 15px #f366}.data-card .cancel-button:hover{background:linear-gradient(135deg,#501414e6,#641e1ee6);color:#fff;box-shadow:0 0 25px #f369;transform:translateY(-1px)}.data-card .cancel-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,51,102,.3),transparent);transition:left .5s ease}.data-card .cancel-button:hover:before{left:100%}.threshold-inputs{display:flex;flex-direction:column;gap:1.2rem;margin-top:1.5rem;background:linear-gradient(135deg,#1a1a28cc,#2a2a2acc);padding:1rem;border-radius:8px;border:1px solid rgba(192,192,192,.3);box-shadow:0 0 20px #0000004d;position:relative;overflow:hidden}.threshold-inputs:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(192,192,192,.1),transparent 70%);pointer-events:none;z-index:-1}.threshold-input{display:flex;align-items:center;gap:.8rem}.threshold-input label{color:var(--color-silver);font-family:Roboto Mono,monospace;font-weight:500;font-size:.9rem;text-shadow:0 0 5px rgba(192,192,192,.3)}.threshold-input input{padding:.6rem;border:2px solid var(--color-silver);border-radius:6px;background:linear-gradient(135deg,#1a1a28e6,#2a2a2ae6);color:#fff;width:120px;font-family:Roboto Mono,monospace;font-size:.9rem;transition:all .3s ease;box-shadow:0 0 10px #c0c0c033}.threshold-input input:focus{outline:none;border-color:var(--color-success);box-shadow:0 0 15px #00ff8880;background:linear-gradient(135deg,#005028e6,#00643ce6)}.threshold-input input:hover{border-color:#fff;box-shadow:0 0 20px #c0c0c066}.edit-controls{display:flex;gap:.8rem;justify-content:flex-end}:root{--color-black: #121212;--color-dark-gray: #1a1a1a;--color-medium-gray: #222;--color-silver: #c0c0c0;--color-white: #ffffff;--color-success: #0f0;--color-warning: #ff6600;--color-danger: #ff0000}.dashboard-container{min-height:100vh;background:var(--color-black);font-family:Rajdhani,sans-serif;display:flex;flex-direction:column}.dashboard-header{position:sticky;top:0;z-index:100;background:#1a1a1afa;backdrop-filter:blur(10px);border-bottom:2px solid var(--color-silver);padding:1rem 2rem;box-shadow:0 5px 30px #00000080}.header-content{max-width:1600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-title{color:var(--color-white);text-shadow:0 0 20px rgb(255,255,255);font-family:Orbitron,sans-serif}.header-status{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#00ff001a;border:1px solid var(--color-success);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}.status-dot{width:10px;height:10px;border-radius:50%;animation:blink 2s ease-in-out infinite;box-shadow:0 0 10px var(--color-success)}.status-dot.online{background:var(--color-success)}.status-dot.offline{background:var(--color-danger);box-shadow:0 0 10px var(--color-danger)}.status-text{font-weight:600}.logout-button{padding:.6rem 1.5rem;background:transparent;color:var(--color-silver);border:2px solid var(--color-silver);font-weight:600;letter-spacing:1px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);cursor:pointer;transition:all .3s ease}.dashboard-main{max-width:1600px;margin:0 auto;padding:2rem;flex:1}.dashboard-footer{background:var(--color-dark-gray);border-top:2px solid var(--color-silver);padding:2rem;text-align:center;color:var(--color-silver);margin-top:auto}.dashboard-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem;padding:1.5rem;background:#1a1a1acc;border:1px solid rgba(192,192,192,.2);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px)}.last-update{color:var(--color-silver);font-weight:600;letter-spacing:1px}.control-buttons{display:flex;gap:1rem}.dashboard-btn{padding:.8rem 1.5rem;font-weight:600;letter-spacing:1px;display:flex;align-items:center;gap:.5rem;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);cursor:pointer}.btn-refresh{background:var(--color-medium-gray);color:var(--color-silver);border:2px solid rgba(192,192,192,.3)}.btn-refresh:hover{background:var(--color-dark-gray);border-color:var(--color-silver);color:var(--color-white)}.btn-export:hover{background:var(--color-white)}.zone-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:2rem auto;max-width:1400px;padding:0 1rem}.temp-main-display{background:linear-gradient(135deg,#1a1a1ae6,#2a2a2ae6);border:2px solid var(--color-silver);padding:3rem;text-align:center;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.temp-main-display:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0006}.temp-main-display.temp-critical{border-color:var(--color-danger)}.temp-main-display.temp-warning{border-color:var(--color-warning)}.temp-label{color:var(--color-silver);margin-bottom:1rem;letter-spacing:2px;font-size:1.1rem}.temp-value{font-size:5rem;color:var(--color-white);font-family:Orbitron,sans-serif;text-shadow:0 0 30px rgba(192,192,192,.5)}.zone-cards-grid .temp-main-display:nth-child(1) .temp-value{font-size:5rem}.temp-value.temp-critical{color:var(--color-danger);text-shadow:0 0 40px rgba(255,0,0,.6);font-size:5rem}.temp-value.temp-warning{color:var(--color-warning);text-shadow:0 0 40px rgba(255,102,0,.6);font-size:5rem}.temp-status{font-size:1.3rem;padding:.5rem 1.8rem;display:inline-block;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);margin:.8rem 0}.temp-status.status-normal{background:#0f03;border:2px solid var(--color-success);color:var(--color-success)}.temp-status.status-warning{background:#f603;border:2px solid var(--color-warning);color:var(--color-warning)}.temp-status.status-critical{background:#f003;border:2px solid var(--color-danger);color:var(--color-danger)}.sensor-id{font-size:1rem;color:var(--color-silver);margin-top:.5rem;font-weight:500}.zone-details-panel{background:#000000f2;border:1px solid rgba(0,0,0,.3);border-radius:16px;padding:2rem;margin:2rem auto;max-width:1200px;backdrop-filter:blur(12px);box-shadow:0 15px 50px #00000080;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(192,192,192,.2)}.panel-header h2{color:var(--color-white);font-family:Orbitron,sans-serif;margin:0;font-size:1.8rem}.panel-close{background:transparent;border:1px solid var(--color-silver);color:var(--color-silver);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.panel-close:hover{background:var(--color-silver);color:var(--color-black)}.live-badge{display:flex;align-items:center;gap:.4rem;background:#00ff0026;color:var(--color-success);padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid var(--color-success)}.live-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 10px var(--color-success)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse-update{animation:pulseUpdate .6s ease-out}@keyframes pulseUpdate{0%{transform:scale(1)}50%{transform:scale(1.02);box-shadow:0 0 50px #0f06}to{transform:scale(1)}}.latest-row{background:#00ff001a!important;font-weight:600;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{background:#00ff004d}to{background:#00ff001a}}.temp-main-display.selected{border-color:var(--color-success)!important;box-shadow:0 0 30px #00ff004d;transform:translateY(-4px)}.critical-alert{margin-bottom:2rem;padding:2rem;background:transparent;border:3px solid var(--color-danger);animation:criticalPulse 1.5s infinite;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);position:relative;transition:all .1s ease}.critical-alert:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,0,0,.15),transparent 70%);z-index:-1;pointer-events:none}.critical-alert .alert-icon{color:var(--color-danger);animation:shake .5s infinite}.warning-alert{margin-bottom:2rem;padding:2rem;background:transparent;border:3px solid var(--color-warning);animation:criticalPulse 1.5s infinite;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);position:relative;transition:all .1s ease}.warning-alert:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,102,0,.699),transparent 70%);z-index:-1;pointer-events:none}.warning-alert .alert-icon{color:var(--color-warning);animation:shake .5s infinite}@keyframes criticalPulse{0%,to{box-shadow:0 0 30px #ff000080}50%{box-shadow:0 0 60px #f00c}}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:2rem 0}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(550px,1fr));gap:2rem;margin:2rem 0}@media(max-width:768px){.charts-grid{grid-template-columns:1fr}}.dashboard-table-container{padding:1.5rem;background:#1a1a1af2;border:1px solid rgba(192,192,192,.2);border-radius:12px;margin-top:1rem}.dashboard-table-wrapper{max-height:400px;overflow-y:auto;border-radius:8px;border:1px solid rgba(192,192,192,.1)}.dashboard-table{width:100%;border-collapse:collapse}.dashboard-table th,.dashboard-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid rgba(192,192,192,.1)}.dashboard-table th{background:#2a2a2ae6;color:var(--color-white);position:sticky;top:0;z-index:10;font-family:Orbitron,sans-serif}.dashboard-table td{color:var(--color-silver)}.dashboard-table tr:nth-child(2n){background:#ffffff08}.dashboard-table tr:hover{background:#ffffff14}@media(max-width:1100px){.zone-cards-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.zone-cards-grid{grid-template-columns:1fr}.temp-value{font-size:2rem}}/*! tailwindcss v4.1.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: rotateX(0);--tw-rotate-y: rotateY(0);--tw-rotate-z: rotateZ(0);--tw-skew-x: skewX(0);--tw-skew-y: skewY(0);--tw-border-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial}}}@layer theme{:root,:host{--font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-black: #000;--color-white: #fff;--default-font-family: var(--font-sans);--default-font-feature-settings: var(--font-sans--font-feature-settings);--default-font-variation-settings: var(--font-sans--font-variation-settings);--default-mono-font-family: var(--font-mono);--default-mono-font-feature-settings: var(--font-mono--font-feature-settings);--default-mono-font-variation-settings: var(--font-mono--font-variation-settings)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:currentColor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentColor 50%,transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:#e5e5e5;outline-color:color-mix(in oklab,oklch(.708 0 0) 50%,transparent)}body{background-color:#fff;color:#0a0a0a}}@layer utilities{.fixed{position:fixed}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x) var(--tw-rotate-y) var(--tw-rotate-z) var(--tw-skew-x) var(--tw-skew-y)}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}}.data-card{clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);background:linear-gradient(135deg,#1a1a1ae6,#2a2a2ae6);border:2px solid #c0c0c04d;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.data-card:before{content:"";background:var(--color-silver);transform-origin:0;height:3px;transition:transform .3s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.data-card:hover{border-color:var(--color-silver);transform:translateY(-5px);box-shadow:0 10px 40px #c0c0c033}.data-card:hover:before{transform:scaleX(1)}.card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.card-title{color:var(--color-silver);align-items:center;gap:.5rem;font-family:Orbitron,sans-serif;display:flex}.card-icon{color:var(--color-silver)}.card-value{color:var(--color-white);margin-bottom:.5rem;font-family:Orbitron,sans-serif}.card-unit{color:var(--color-silver);margin-left:.5rem}.card-trend{color:var(--color-silver);align-items:center;gap:.5rem;display:flex}.trend-up{color:var(--color-danger)}.trend-down{color:var(--color-success)}.chart-card{clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);background:linear-gradient(135deg,#1a1a1ae6,#2a2a2ae6);border:2px solid #c0c0c04d;padding:2rem;position:relative;overflow:hidden}.chart-card:before{content:"";background:var(--color-silver);height:3px;position:absolute;top:0;left:0;right:0}.chart-header{margin-bottom:1.5rem}.chart-title{color:var(--color-white);margin-bottom:.5rem;font-family:Orbitron,sans-serif}.chart-subtitle{color:var(--color-silver)}.chart-container{width:100%;height:350px}.loading-spinner{justify-content:center;align-items:center;height:200px;display:flex}.spinner{border:3px solid #c0c0c033;border-top-color:var(--color-silver);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-container{background:var(--color-black);min-height:100vh;position:relative}.dashboard-header{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--color-silver);background:#1a1a1afa;padding:1rem 2rem;position:sticky;top:0;box-shadow:0 5px 30px #00000080}.header-content{justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto;display:flex}.header-logo{align-items:center;gap:1rem;display:flex}.header-title{color:var(--color-white);text-shadow:0 0 20px #c0c0c080}.header-actions{align-items:center;gap:2rem;display:flex}.header-status{border:1px solid var(--color-success);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#00ff001a;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.status-dot{background:var(--color-success);width:10px;height:10px;box-shadow:0 0 10px var(--color-success);border-radius:50%;animation:2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.status-text{color:var(--color-success);font-weight:600}.logout-button{color:var(--color-silver);border:2px solid var(--color-silver);letter-spacing:1px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:none;padding:.6rem 1.5rem;font-weight:600;transition:all .3s}.logout-button:hover{background:var(--color-silver);color:var(--color-black);box-shadow:0 0 20px #c0c0c080}.dashboard-main{max-width:1600px;margin:0 auto;padding:2rem}.critical-alert{border:3px solid var(--color-danger);clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);background:#ff00001a;margin-bottom:2rem;padding:2rem;animation:1.5s ease-in-out infinite criticalPulse;position:relative;overflow:hidden}@keyframes criticalPulse{0%,to{border-color:var(--color-danger);box-shadow:0 0 30px #ff000080}50%{border-color:#f33;box-shadow:0 0 60px #f00c}}.critical-alert:before{content:"";background:linear-gradient(90deg,#0000,#f003,#0000);width:100%;height:100%;animation:2s linear infinite sweep;position:absolute;top:0;left:-100%}@keyframes sweep{0%{left:-100%}to{left:100%}}.alert-content{z-index:1;align-items:center;gap:1.5rem;display:flex;position:relative}.alert-icon{color:var(--color-danger);animation:.5s ease-in-out infinite shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.alert-text h3{color:var(--color-danger);margin-bottom:.5rem}.alert-text p{color:var(--color-silver)}.dashboard-controls{clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);background:#1a1a1acc;border:1px solid #c0c0c033;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex}.last-update{color:var(--color-silver);letter-spacing:1px;font-weight:600}.control-buttons{gap:1rem;display:flex}.dashboard-btn{letter-spacing:1px;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);align-items:center;gap:.5rem;padding:.8rem 1.5rem;font-weight:600;transition:all .3s;display:flex}.btn-refresh{background:var(--color-medium-gray);color:var(--color-silver);border:2px solid #c0c0c04d}.btn-refresh:hover{background:var(--color-dark-gray);border-color:var(--color-silver);color:var(--color-white);box-shadow:0 0 20px #c0c0c04d}.btn-export{background:var(--color-silver);color:var(--color-black);border:2px solid var(--color-silver)}.btn-export:hover{background:var(--color-white);border-color:var(--color-white);box-shadow:0 0 20px #c0c0c080}.temperature-focus{margin-bottom:3rem}.temp-main-display{border:2px solid var(--color-silver);text-align:center;clip-path:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px);background:linear-gradient(135deg,#1a1a1ae6,#2a2a2ae6);margin-bottom:2rem;padding:3rem;position:relative;overflow:hidden}.temp-main-display.temp-critical{border-color:var(--color-danger);animation:1.5s ease-in-out infinite criticalPulse}.temp-label{color:var(--color-silver);letter-spacing:2px;margin-bottom:1rem}.temp-value{color:var(--color-white);text-shadow:0 0 30px #c0c0c080;margin-bottom:1rem;font-family:Orbitron,sans-serif;font-size:6rem}.temp-value.temp-critical{color:var(--color-danger);text-shadow:0 0 40px #f009;animation:1s ease-in-out infinite tempBlink}@keyframes tempBlink{0%,to{opacity:1}50%{opacity:.7}}.temp-status{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);padding:.5rem 2rem;font-size:1.5rem;display:inline-block}.temp-status.status-normal{border:2px solid var(--color-success);color:var(--color-success);background:#0f03}.temp-status.status-warning{border:2px solid var(--color-warning);color:var(--color-warning);background:#f603}.temp-status.status-critical{border:2px solid var(--color-danger);color:var(--color-danger);background:#f003}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.charts-grid{grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.dashboard-footer{background:var(--color-dark-gray);border-top:2px solid var(--color-silver);text-align:center;color:var(--color-silver);padding:2rem}@media(width<=768px){.header-content{flex-direction:column;gap:1rem}.header-actions{flex-direction:column;width:100%}.dashboard-controls{flex-direction:column}.charts-grid{grid-template-columns:1fr}.temp-value{font-size:4rem}}.landing-container{background:radial-gradient(at top,#1a1a1a,#0a0a0a);min-height:100vh;position:relative;overflow:hidden}.grid-background{z-index:0;background-image:linear-gradient(#c0c0c00d 1px,#0000 1px),linear-gradient(90deg,#c0c0c00d 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;animation:20s linear infinite gridMove;position:absolute;top:0;left:0}@keyframes gridMove{0%{transform:perspective(500px)rotateX(60deg)translateY(0)}to{transform:perspective(500px)rotateX(60deg)translateY(50px)}}.particles{z-index:1;width:100%;height:100%;position:absolute}.particle{background:var(--color-silver);opacity:.6;border-radius:50%;width:3px;height:3px;animation:10s ease-in-out infinite float;position:absolute}.particle:first-child{animation-delay:0s;top:20%;left:10%}.particle:nth-child(2){animation-delay:2s;top:40%;left:80%}.particle:nth-child(3){animation-delay:4s;top:70%;left:30%}.particle:nth-child(4){animation-delay:1s;top:30%;left:60%}.particle:nth-child(5){animation-delay:3s;top:80%;left:90%}.particle:nth-child(6){animation-delay:5s;top:50%;left:20%}.particle:nth-child(7){animation-delay:1.5s;top:60%;left:70%}.particle:nth-child(8){animation-delay:3.5s;top:85%;left:40%}@keyframes float{0%,to{transform:translateY(0)translate(0)}33%{transform:translateY(-30px)translate(20px)}66%{transform:translateY(30px)translate(-20px)}}.landing-content{z-index:10;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.landing-hero{margin-bottom:4rem}.landing-title{color:var(--color-white);text-shadow:0 0 20px #c0c0c080,0 0 40px #c0c0c04d,0 0 60px #c0c0c033;margin-bottom:1rem;animation:3s ease-in-out infinite titleGlow;position:relative}.landing-title:after{content:"";background:linear-gradient(90deg,transparent,var(--color-silver),transparent);width:200px;height:2px;animation:2s ease-in-out infinite lineExpand;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}@keyframes lineExpand{0%,to{opacity:.5;width:200px}50%{opacity:1;width:300px}}@keyframes titleGlow{0%,to{text-shadow:0 0 20px #c0c0c080,0 0 40px #c0c0c04d,0 0 60px #c0c0c033}50%{text-shadow:0 0 30px #c0c0c0cc,0 0 60px #c0c0c080,0 0 90px #c0c0c04d}}.landing-subtitle{color:var(--color-silver);opacity:0;letter-spacing:3px;margin-bottom:1.5rem;animation:1s ease-out .3s forwards fadeInUp}.landing-tagline{color:var(--color-light-silver);opacity:0;max-width:700px;margin-bottom:3rem;animation:1s ease-out .6s forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.landing-buttons{opacity:0;flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:4rem;animation:1s ease-out .9s forwards fadeInUp;display:flex}.landing-btn{letter-spacing:2px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);border-radius:0;padding:1.2rem 3rem;font-size:1.1rem;font-weight:700;transition:all .3s;position:relative;overflow:hidden}.landing-btn:before,.landing-btn:after{content:"";background:var(--color-silver);transition:all .3s;position:absolute}.landing-btn:before{width:0;height:2px;top:0;left:0}.landing-btn:after{width:0;height:2px;bottom:0;right:0}.landing-btn:hover:before,.landing-btn:hover:after{width:100%}.landing-btn-primary{background:var(--color-silver);color:var(--color-black);border:2px solid var(--color-silver);box-shadow:0 0 20px #c0c0c04d}.landing-btn-primary:hover{background:var(--color-white);border-color:var(--color-white);transform:translateY(-3px);box-shadow:0 0 40px #c0c0c099}.landing-btn-secondary{color:var(--color-silver);border:2px solid var(--color-silver);background:none}.landing-btn-secondary:hover{border-color:var(--color-white);color:var(--color-white);background:#c0c0c01a;transform:translateY(-3px)}.robot-section{width:100%;max-width:1200px;margin-bottom:5rem}.robot-showcase{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;margin-bottom:3rem;display:grid}.robot-visual{justify-content:center;align-items:center;height:400px;display:flex;position:relative}.robot-frame{border:2px solid var(--color-silver);width:300px;height:300px;animation:20s linear infinite rotateFrame;position:relative}.robot-frame:before,.robot-frame:after{content:"";border:2px solid var(--color-silver);width:20px;height:20px;position:absolute}.robot-frame:before{border-bottom:none;border-right:none;top:-2px;left:-2px}.robot-frame:after{border-top:none;border-left:none;bottom:-2px;right:-2px}@keyframes rotateFrame{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.robot-icon{color:var(--color-silver);font-size:120px;animation:2s ease-in-out infinite pulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse{50%{opacity:.5}}.robot-info{text-align:left}.robot-title{color:var(--color-white);margin-bottom:1rem;display:inline-block;position:relative}.robot-title:after{content:"";background:var(--color-silver);width:60%;height:2px;position:absolute;bottom:-5px;left:0}.robot-description{color:var(--color-silver);margin-bottom:2rem;line-height:1.8}.robot-specs{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.spec-item{border-left:3px solid var(--color-silver);background:#2a2a2a80;padding:1rem;transition:all .3s}.spec-item:hover{border-left-color:var(--color-white);background:#2a2a2acc;transform:translate(5px)}.spec-label{color:var(--color-silver);margin-bottom:.5rem}.spec-value{color:var(--color-white)}.features-section{width:100%;max-width:1200px}.section-title{color:var(--color-white);text-align:center;margin-bottom:3rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.feature-card{clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);background:#1a1a1acc;border:1px solid #c0c0c033;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg,#0000,#c0c0c01a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.feature-card:hover{border-color:var(--color-silver);transform:translateY(-10px);box-shadow:0 10px 40px #c0c0c033}.feature-card:hover:before{left:100%}.feature-icon{background:var(--color-medium-gray);border:2px solid var(--color-silver);width:70px;height:70px;color:var(--color-silver);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);justify-content:center;align-items:center;margin:0 auto 1.5rem;transition:all .3s;display:flex}.feature-card:hover .feature-icon{background:var(--color-silver);color:var(--color-black)}.feature-title{color:var(--color-white);text-align:center;margin-bottom:1rem}.feature-description{color:var(--color-silver);text-align:center}@media(width<=768px){.robot-showcase{grid-template-columns:1fr}.robot-info{text-align:center}.robot-title:after{left:50%;transform:translate(-50%)}.robot-specs{grid-template-columns:1fr}}.login-container{background:radial-gradient(#1a1a1a,#0a0a0a);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-box{border:2px solid var(--color-silver);clip-path:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px);z-index:10;background:#1a1a1ae6;width:90%;max-width:450px;padding:3rem;position:relative;box-shadow:0 0 50px #c0c0c033}.login-box:before{content:"";background:linear-gradient(45deg,var(--color-silver),transparent,var(--color-silver));z-index:-1;opacity:0;clip-path:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px);transition:opacity .3s;position:absolute;inset:-2px}.login-box:hover:before{opacity:.3;animation:2s linear infinite borderPulse}@keyframes borderPulse{0%{background-position:0%}to{background-position:100%}}.login-header{text-align:center;margin-bottom:2.5rem}.login-icon{background:var(--color-medium-gray);border:2px solid var(--color-silver);width:80px;height:80px;color:var(--color-silver);clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.login-title{color:var(--color-white);text-shadow:0 0 20px #c0c0c080;margin-bottom:.5rem}.login-subtitle{color:var(--color-silver)}.login-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--color-silver);letter-spacing:1px;font-weight:600}.form-input{background:var(--color-medium-gray);color:var(--color-white);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);border:2px solid #c0c0c04d;outline:none;padding:1rem;transition:all .3s}.form-input:focus{border-color:var(--color-silver);box-shadow:0 0 20px #c0c0c033}.form-input::placeholder{color:#c0c0c080}.login-button{background:var(--color-silver);color:var(--color-black);border:2px solid var(--color-silver);letter-spacing:2px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);margin-top:1rem;padding:1rem 2rem;font-weight:700;transition:all .3s}.login-button:hover:not(:disabled){background:var(--color-white);border-color:var(--color-white);transform:translateY(-2px);box-shadow:0 0 30px #c0c0c080}.login-button:disabled{opacity:.5;cursor:not-allowed}.error-message{border:1px solid var(--color-danger);color:var(--color-danger);text-align:center;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#ff00001a;margin-bottom:1rem;padding:1rem}.back-link{text-align:center;margin-top:1.5rem}.back-link a{color:var(--color-silver);text-decoration:none;transition:color .3s}.back-link a:hover{color:var(--color-white)}.twinkling-stars-container{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.star{background:var(--color-silver);border-radius:50%;animation:3s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 3px 1px #c0c0c080}@keyframes twinkle{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.star:nth-child(2n){animation-duration:2.5s}.star:nth-child(3n){animation-duration:3.5s}.star:nth-child(4n){animation-duration:4s}.star:nth-child(5n){animation-duration:2s}.star:nth-child(7n){box-shadow:0 0 5px 2px #fff9}:root{--color-black: #0a0a0a;--color-dark-gray: #1a1a1a;--color-medium-gray: #2a2a2a;--color-light-gray: #3a3a3a;--color-silver: silver;--color-light-silver: #e8e8e8;--color-white: #fff;--color-danger: red;--color-warning: #f60;--color-success: #0f0}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-black);color:var(--color-light-silver);font-family:Rajdhani,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}h1{letter-spacing:2px;font-family:Orbitron,sans-serif;font-size:4rem;font-weight:900;line-height:1.1}h2{letter-spacing:1px;font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2}button{cursor:pointer;border:none;outline:none;font-family:Rajdhani,sans-serif}@property --tw-rotate-x{syntax: "*"; inherits: false; initial-value: rotateX(0);}@property --tw-rotate-y{syntax: "*"; inherits: false; initial-value: rotateY(0);}@property --tw-rotate-z{syntax: "*"; inherits: false; initial-value: rotateZ(0);}@property --tw-skew-x{syntax: "*"; inherits: false; initial-value: skewX(0);}@property --tw-skew-y{syntax: "*"; inherits: false; initial-value: skewY(0);}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false}@property --tw-brightness{syntax: "*"; inherits: false}@property --tw-contrast{syntax: "*"; inherits: false}@property --tw-grayscale{syntax: "*"; inherits: false}@property --tw-hue-rotate{syntax: "*"; inherits: false}@property --tw-invert{syntax: "*"; inherits: false}@property --tw-opacity{syntax: "*"; inherits: false}@property --tw-saturate{syntax: "*"; inherits: false}@property --tw-sepia{syntax: "*"; inherits: false}@property --tw-drop-shadow{syntax: "*"; inherits: false}@property --tw-drop-shadow-color{syntax: "*"; inherits: false}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false}:root{--color-black: #0a0a0a;--color-dark-gray: #1a1a1a;--color-medium-gray: #2a2a2a;--color-light-gray: #3a3a3a;--color-silver: #c0c0c0;--color-light-silver: #e8e8e8;--color-white: #ffffff;--color-danger: #ff0000;--color-warning: #ff6600;--color-success: #00ff00}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Rajdhani,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-black);color:var(--color-light-silver);overflow-x:hidden}h1{font-family:Orbitron,sans-serif;font-size:4rem;font-weight:900;line-height:1.1;letter-spacing:2px}h2{font-family:Orbitron,sans-serif;font-size:2.5rem;font-weight:700;line-height:1.2;letter-spacing:1px}h3{font-family:Orbitron,sans-serif;font-size:1.75rem;font-weight:600;line-height:1.3}h4{font-family:Orbitron,sans-serif;font-size:1.25rem;font-weight:500;line-height:1.4}p{font-size:1.1rem;font-weight:400;line-height:1.7}button{font-family:Rajdhani,sans-serif;cursor:pointer;border:none;outline:none}input,textarea{font-family:Rajdhani,sans-serif}