@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(104,172,229,.95);border-bottom:1px solid hsla(0,0%,100%,.1);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:#fff;text-decoration:none;z-index:10}.logo-image{height:60px;margin-right:.75rem;width:auto}.logo-text{color:#fff;font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:400;text-decoration:none}.nav-menu{display:flex;gap:1.5rem;list-style:none;margin:0 0 0 auto;padding:0}.nav-item,.nav-link{position:relative}.nav-link{border-radius:6px;color:#fff;display:block;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:500;overflow:hidden;padding:.75rem 1.25rem;text-decoration:none;transition:all .2s ease}.nav-link:before{display:none}.nav-link:hover{background:hsla(0,0%,100%,.15);color:#fff;text-decoration:none;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.nav-link.active{background:rgba(0,255,136,.15);border:1px solid rgba(0,255,136,.4);color:#0f8;text-decoration:none}.nav-link.active:hover{background:rgba(0,255,136,.25);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.nav-toggle{cursor:pointer;display:none;flex-direction:column;margin-left:auto;padding:.5rem}.nav-toggle span{background:#fff;border-radius:2px;height:3px;margin:3px 0;transition:.3s;width:25px}@media (max-width:768px){.nav-container{padding:0 1rem}.nav-logo{left:auto;position:static;-webkit-transform:none;transform:none}.logo-image{height:45px}.logo-text{font-size:1.2rem}.nav-toggle{display:flex}.nav-menu{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:rgba(0,0,0,.98);box-shadow:0 4px 20px rgba(0,0,0,.3);flex-direction:column;gap:0;left:-100%;margin-left:0;padding:0;position:fixed;text-align:center;top:70px;transition:left .3s ease;width:100%}.nav-menu.active{left:0}.nav-item{margin:.5rem 0}.nav-link{border-radius:8px;display:block;font-size:1.1rem;margin:0 1rem;padding:1rem 2rem}.nav-toggle.active span:first-child{-webkit-transform:rotate(-45deg) translate(-5px,6px);transform:rotate(-45deg) translate(-5px,6px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){-webkit-transform:rotate(45deg) translate(-5px,-6px);transform:rotate(45deg) translate(-5px,-6px)}}.navbar *{box-sizing:border-box}.nav-link,.nav-logo{user-select:none;-webkit-user-select:none;-moz-user-select:none}.nav-logo:focus,.nav-logo:hover,.nav-logo:visited{color:#fff;text-decoration:none}.nav-user-desktop{align-items:center;display:none;gap:15px;margin-left:20px}.nav-username{color:#333}.nav-logout-btn,.nav-username{font-size:14px;font-weight:500}.nav-logout-btn{background:#ff4757;border:none;border-radius:25px;color:#fff;cursor:pointer;padding:8px 20px;transition:all .3s ease}.nav-logout-btn:hover{background:#ff3838;box-shadow:0 2px 8px rgba(255,71,87,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.nav-user-mobile{border-top:1px solid rgba(0,0,0,.1);margin-top:20px;padding-top:20px}.user-info-mobile{align-items:center;display:flex;flex-direction:column;gap:10px;padding:0 20px}.user-info-mobile .nav-username{color:#333;font-size:16px}.user-info-mobile .nav-logout-btn{max-width:200px;width:100%}@media screen and (min-width:768px){.nav-user-desktop{display:flex}.nav-user-mobile{display:none}.nav-menu{margin-right:auto}.nav-container{align-items:center;display:flex;justify-content:space-between;width:100%}.nav-menu{display:flex;flex-grow:1;justify-content:center}}.nav-logout-btn:active{-webkit-transform:scale(.95);transform:scale(.95)}.nav-profile-container{margin-left:20px;position:relative}.profile-button{align-items:center;background:transparent;border:1px solid #e0e0e0;border-radius:25px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .3s ease}.profile-button:hover{background:#f5f5f5;border-color:#ccc}.avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:28px;justify-content:center;width:28px}.dropdown-arrow{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.dropdown-arrow.open{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.profile-dropdown{-webkit-animation:dropdownFadeIn .2s ease;animation:dropdownFadeIn .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);overflow:hidden;position:absolute;right:0;top:calc(100% + 10px);width:280px;z-index:1000}@-webkit-keyframes dropdownFadeIn{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes dropdownFadeIn{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.dropdown-header{gap:12px;padding:16px}.avatar-small,.dropdown-header{align-items:center;display:flex}.avatar-small{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;font-size:18px;font-weight:600;height:40px;justify-content:center;width:40px}.dropdown-user-info{display:flex;flex-direction:column}.dropdown-username{color:#333;font-size:14px;font-weight:600}.dropdown-label{color:#666;font-size:12px}.dropdown-divider{background:#e0e0e0;height:1px;margin:0}.dropdown-option{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 16px;text-align:left;transition:background .2s ease;width:100%}.dropdown-option:hover{background:#f5f5f5}.dropdown-option.logout{color:#ff4757}.dropdown-option svg{flex-shrink:0}@media screen and (max-width:767px){.nav-profile-container{display:none}}.home-page{background:linear-gradient(120deg,#fff 25%,#002d72);color:#fff;min-height:100vh}.hero{align-items:center;display:flex;min-height:50vh;overflow:hidden;padding:0;position:relative}.hero:before{background:radial-gradient(circle at 70% 70%,rgba(104,172,229,.8) 0,transparent 30%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{grid-gap:clamp(2rem,4vw,4rem);align-items:center;display:grid;gap:clamp(2rem,4vw,4rem);grid-template-columns:1fr 1fr;margin:0;max-width:none;padding:0 clamp(1rem,4vw,4rem);width:100%}.hero-text{display:flex;flex-direction:column}.hero-title{-webkit-text-fill-color:transparent;background:linear-gradient(45deg,#002d72,#002d72);-webkit-background-clip:text;background-clip:text;font-family:Montserrat,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1.2;margin-bottom:1.5rem}.hero-subtitle{color:rgba(0,45,114,.8);font-size:clamp(1rem,2.5vw,1.3rem);line-height:1.6;margin-bottom:2rem;margin-top:0}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.hero-visual{flex-direction:column;gap:2rem;position:relative}.hero-image-container,.hero-visual{align-items:center;display:flex;width:100%}.hero-image-container{justify-content:center;margin-bottom:2rem}.hero-main-image{background:transparent;border-radius:15px;-webkit-filter:drop-shadow(0 10px 30px rgba(0,0,0,.1));filter:drop-shadow(0 10px 30px rgba(0,0,0,.1));height:auto;image-rendering:-webkit-optimize-contrast;max-width:clamp(300px,40vw,500px);object-fit:contain;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.hero-main-image:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.floating-card{-webkit-animation:float 6s ease-in-out infinite;animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;padding:clamp(1rem,3vw,2rem);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.sensor-grid{grid-gap:clamp(.5rem,1.5vw,1rem);display:grid;gap:clamp(.5rem,1.5vw,1rem);grid-template-columns:repeat(4,1fr)}.sensor-dot{-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;border-radius:50%;height:clamp(15px,3vw,20px);width:clamp(15px,3vw,20px)}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@-webkit-keyframes pulse{0%,to{opacity:.6;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%,to{opacity:.6;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}}.features{background:rgba(0,0,0,.2);padding:clamp(3rem,8vw,6rem) 0}.container{margin:0;max-width:none;padding:0 clamp(1rem,4vw,4rem);width:100%}.section-title{color:#fff;font-family:Montserrat,sans-serif;font-size:clamp(2.5rem,4vw,2.5rem);font-weight:400;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:clamp(1rem,3vw,1rem);display:grid;gap:clamp(1rem,3vw,1rem);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;padding:clamp(1rem,3vw,1rem);text-align:center;transition:all .3s ease}.feature-card:hover{background:hsla(0,0%,100%,.15);border-color:rgba(0,119,216,.8);-webkit-transform:translateY(-10px);transform:translateY(-10px)}.feature-icon{margin-bottom:1.5rem}.icon-circle{align-items:center;background:linear-gradient(45deg,#fff,#fff);border-radius:50%;display:flex;font-size:clamp(1.5rem,3vw,2rem);height:clamp(60px,10vw,80px);justify-content:center;margin:0 auto;width:clamp(60px,10vw,80px)}.feature-card h3{color:#fff;font-family:Montserrat,sans-serif;font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:400;margin-bottom:1rem}.feature-card p{color:hsla(0,0%,100%,.8);line-height:1.6;margin-bottom:1.5rem}.feature-card p,.feature-link{font-size:clamp(.9rem,2vw,1rem)}.feature-link{color:#0f8;font-weight:600;text-decoration:none;transition:all .3s ease}.feature-link:hover{color:#0cf;text-decoration:underline}.cta{background:rgba(0,0,0,.3);padding:clamp(3rem,8vw,6rem) 0}.cta-content{margin:0 auto;max-width:600px;padding:0 clamp(1rem,4vw,2rem);text-align:center}.cta h2{color:#fff;font-family:Montserrat,sans-serif;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:400;margin-bottom:1rem}.cta p{color:hsla(0,0%,100%,.8);font-size:clamp(1rem,2.5vw,1.2rem);margin-bottom:2rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:clamp(.9rem,2vw,1rem);font-weight:600;gap:.5rem;overflow:hidden;padding:clamp(.6rem,1.5vw,.75rem) clamp(1rem,2.5vw,1.5rem);position:relative;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(45deg,#68ace5,#002d72);color:#fff}.btn-primary:hover{box-shadow:0 10px 25px rgba(0,255,136,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-secondary{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.3);color:#fff}.btn-secondary:hover{background:hsla(0,0%,100%,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-outline{background:transparent;border:2px solid #0f8;color:#0f8}.btn-outline:hover{background:#0f8;color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-large{font-size:clamp(1rem,2.2vw,1.1rem);padding:clamp(.8rem,2vw,1rem) clamp(1.5rem,3vw,2rem)}@media (max-width:968px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-main-image{max-width:clamp(250px,60vw,400px)}}@media (max-width:768px){.features-grid{grid-template-columns:1fr}.cta-buttons{align-items:center;flex-direction:column}.btn{justify-content:center;max-width:300px;width:100%}}@media (max-width:480px){.hero-buttons{align-items:center;flex-direction:column}.hero-buttons .btn{justify-content:center;max-width:250px;width:100%}}
/*# sourceMappingURL=main.eefec49d.css.map*/