*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#0f172a;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}[data-theme=dark] body{background-color:#0f172a;color:#f8fafc}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:0 20px;width:100%}.btn{border:none;border-radius:6px;cursor:pointer;display:inline-block;font-size:16px;font-weight:500;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover{background-color:#1d4ed8;transform:translateY(-2px)}.btn-secondary{background-color:#f8fafc;border:1px solid #e2e8f0;color:#475569}.btn-secondary:hover{background-color:#f1f5f9;border-color:#cbd5e1}.btn-outline{background-color:initial;border:2px solid #2563eb;color:#2563eb}.btn-outline:hover{background-color:#2563eb;color:#fff}.section{padding:80px 0}.text-center{text-align:center}.text-primary{color:#2563eb}.text-gray{color:#475569}.text-dark{color:#0f172a!important}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-8{margin-top:2rem}.grid{grid-gap:2rem;display:grid;gap:2rem}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.flex-col{flex-direction:column}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}@media (max-width:768px){.container{padding:0 16px}.section{padding:60px 0}.grid-3{grid-template-columns:1fr}.grid{gap:1.5rem}.flex-between{flex-direction:column;gap:1rem}.btn{text-align:center;width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-8px,0)}70%{transform:translate3d(0,-4px,0)}90%{transform:translate3d(0,-2px,0)}}@keyframes glow{0%,to{box-shadow:0 0 5px #2563eb4d}50%{box-shadow:0 0 20px #2563eb99}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in-left{animation:fadeInLeft .6s ease-out forwards}.animate-fade-in-right{animation:fadeInRight .6s ease-out forwards}.animate-scale-in{animation:scaleIn .5s ease-out forwards}.animate-slide-in-down{animation:slideInDown .5s ease-out forwards}.animate-pulse{animation:pulse 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-bounce{animation:bounce 1s infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%}.scroll-reveal{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.scroll-reveal-left{opacity:0;transform:translateX(-30px);transition:all .6s ease-out}.scroll-reveal-left.revealed{opacity:1;transform:translateX(0)}.scroll-reveal-right{opacity:0;transform:translateX(30px);transition:all .6s ease-out}.scroll-reveal-right.revealed{opacity:1;transform:translateX(0)}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.btn{overflow:hidden;position:relative}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn:hover:before{left:100%}.loading-dots{display:inline-block}.loading-dots:after{animation:dots 1.5s steps(5) infinite;content:""}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.header{background:#fff!important;box-shadow:0 1px 3px #0000001a;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 4px 20px #0000001a}.header-content{justify-content:space-between;padding:1rem 0}.header-content,.logo{align-items:center;display:flex}.logo{gap:.75rem}.logo span{display:block;font-size:1.5rem;font-weight:700;opacity:1;visibility:visible}.logo span,.logo-text{color:#0f172a!important}.logo-text{background:none!important;border:none!important;font-size:1.5rem!important;font-weight:700!important;outline:none!important;text-decoration:none!important}.nav{align-items:center;display:flex;gap:2rem}.nav-link{color:#475569;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#2563eb}.header-actions{gap:1rem}.header-actions,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:none;border:none;border-radius:6px;color:#475569;cursor:pointer;justify-content:center;padding:.5rem;transition:all .3s ease}.theme-toggle:hover{background:#f1f5f9;color:#2563eb;transform:scale(1.1)}.menu-toggle{background:none;border:none;cursor:pointer;display:none;flex-direction:column;padding:.5rem;transition:transform .3s ease}.menu-toggle:hover{transform:scale(1.1)}.menu-toggle span{background:#64748b;border-radius:2px;height:3px;margin:3px 0;transform-origin:center;transition:all .3s ease;width:25px}.menu-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}[data-theme=dark] .header{background:#1e293b!important;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .header.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bf2!important;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .logo span,[data-theme=dark] .logo-text{color:#f8fafc!important}[data-theme=dark] .nav-link{color:#cbd5e1}[data-theme=dark] .nav-link:hover{color:#60a5fa}[data-theme=dark] .theme-toggle{color:#cbd5e1}[data-theme=dark] .theme-toggle:hover{background:#334155;color:#60a5fa}[data-theme=dark] .menu-toggle span{background:#cbd5e1}@media (max-width:768px){.nav{background:#fff;box-shadow:0 4px 6px #0000001a;flex-direction:column;left:0;opacity:0;padding:2rem;position:absolute;right:0;top:100%;transform:translateY(-100%);transition:all .3s ease;visibility:hidden}.nav-open{opacity:1;transform:translateY(0);visibility:visible}.header-actions{display:none}.menu-toggle{display:flex}[data-theme=dark] .nav{background:#1e293b;box-shadow:0 4px 6px #0000004d}}.header .logo .logo-text,.header .logo span{background:#0000!important;border:none!important;color:#0f172a!important;display:block!important;font-size:1.5rem!important;font-weight:700!important;opacity:1!important;outline:none!important;text-decoration:none!important;visibility:visible!important}[data-theme=dark] .header .logo .logo-text,[data-theme=dark] .header .logo span{color:#f8fafc!important}.hero{align-items:center;background:#fff;display:flex;min-height:100vh;padding:120px 0 80px;position:relative;transition:background-color .3s ease}[data-theme=dark] .hero{background:#0f172a}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;width:100%}.hero-title{color:#0f172a;font-size:3.5rem;font-weight:700;line-height:1.1;margin-bottom:1.5rem;transition:color .3s ease}.hero-description{color:#475569;font-size:1.25rem;line-height:1.6;margin-bottom:2rem;transition:color .3s ease}[data-theme=dark] .hero-title{color:#f8fafc}[data-theme=dark] .hero-description{color:#cbd5e1}.hero-actions{display:flex;gap:1rem;margin-bottom:3rem}.btn-large{font-size:1.1rem;padding:16px 32px}.hero-stats{display:flex;gap:2rem}.stat{align-items:flex-start;display:flex;flex-direction:column}.stat-number{color:#2563eb;font-size:2rem;font-weight:700}.stat-label{font-weight:500}.hero-visual{align-items:center;display:flex;justify-content:center}.dashboard-mockup{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;margin:0 auto;max-width:500px;overflow:hidden;width:100%}.mockup-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}.mockup-nav{display:flex;gap:2rem}.nav-item{color:#64748b;cursor:pointer;font-weight:500;transition:color .3s ease}.nav-item.active{color:#2563eb}.mockup-content{padding:1.5rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.stat-card{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:1rem;padding:1.5rem}.stat-icon{font-size:2rem}.stat-info{display:flex;flex-direction:column}.stat-value{color:#1e293b;font-size:1.5rem;font-weight:700}.stat-label{color:#64748b;font-size:.9rem}.recent-visitors h3{color:#1e293b;font-size:1.1rem;margin-bottom:1rem}.visitor-list{display:flex;flex-direction:column;gap:.75rem}.visitor-item{background:#f8fafc;border-radius:8px;gap:1rem;padding:.75rem}.visitor-avatar,.visitor-item{align-items:center;display:flex}.visitor-avatar{background:#2563eb;border-radius:50%;color:#fff;font-size:.9rem;font-weight:600;height:40px;justify-content:center;width:40px}.visitor-info{display:flex;flex:1 1;flex-direction:column}.visitor-name{color:#1e293b;font-weight:600}.visitor-time{color:#64748b;font-size:.8rem}.visitor-status{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.visitor-status.checked-in{background:#dcfce7;color:#166534}.visitor-status.pending{background:#fef3c7;color:#92400e}@media (max-width:768px){.hero{padding:100px 0 60px}.hero-content{gap:2rem;grid-template-columns:1fr;padding:0 16px;text-align:center}.hero-title{font-size:2.5rem}.hero-actions{align-items:center;flex-direction:column;gap:1rem}.hero-stats{flex-wrap:wrap;gap:1rem;justify-content:center}.stats-grid{grid-template-columns:1fr}.dashboard-mockup{margin:0;max-width:100%}}.features{background:#fff;padding:80px 0;position:relative;transition:background-color .3s ease}[data-theme=dark] .features{background:#0f172a}.features-header{margin-bottom:4rem}.features-title{color:#0f172a;font-size:2.5rem;font-weight:700;margin-bottom:1rem;transition:color .3s ease}.features-subtitle{color:#475569;font-size:1.25rem;margin:0 auto;max-width:600px;transition:color .3s ease}[data-theme=dark] .features-title{color:#f8fafc}[data-theme=dark] .features-subtitle{color:#cbd5e1}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:4rem}.feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;padding:2.5rem;position:relative;text-align:center;transition:all .3s ease}[data-theme=dark] .feature-card{background:#1e293b;border-color:#334155;box-shadow:0 1px 3px #0000004d}.feature-card:before{background:linear-gradient(90deg,#0000,#2563eb1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.feature-card:hover:before{left:100%}.feature-card:hover{border-color:#2563eb;box-shadow:0 20px 40px #2563eb26;transform:translateY(-8px) scale(1.02)}.feature-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.feature-title{color:#0f172a;font-size:1.5rem;font-weight:600;margin-bottom:1rem;transition:color .3s ease}.feature-description{color:#475569;line-height:1.6;transition:color .3s ease}[data-theme=dark] .feature-title{color:#f8fafc}[data-theme=dark] .feature-description{color:#cbd5e1}.features-showcase{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;margin-top:4rem;padding:3rem}.showcase-content{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.showcase-text h3{color:#0f172a;font-size:2rem;font-weight:700;margin-bottom:1rem}.showcase-text p{color:#475569;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}.feature-list{list-style:none;margin-bottom:2rem}.feature-list li{color:#475569;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.feature-list li:before{color:#16a34a;content:"✓";font-weight:700;left:0;position:absolute}.showcase-visual{display:flex;justify-content:center}.security-dashboard{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;max-width:400px;padding:2rem;width:100%}.dashboard-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.dashboard-header h4{color:#1e293b;font-size:1.2rem;font-weight:600}.status-indicator{border-radius:20px;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.status-indicator.active{background:#dcfce7;color:#166534}.security-stats{display:flex;flex-direction:column;gap:1rem}.security-stat{align-items:center;background:#f8fafc;border-radius:8px;display:flex;gap:.75rem;padding:.75rem}.stat-icon{font-size:1.2rem}.stat-text{color:#64748b;font-weight:500}@media (max-width:768px){.features{padding:60px 0}.features-title{font-size:2rem}.features-grid{gap:1.5rem;grid-template-columns:1fr}.feature-card,.features-showcase{margin:0 16px;padding:2rem}.showcase-content{gap:2rem;grid-template-columns:1fr;text-align:center}.security-dashboard{max-width:100%}}.footer{background:#1e293b!important;color:#e2e8f0;padding:4rem 0 0;transition:background-color .3s ease}[data-theme=dark] .footer{background:#0f172a!important}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:3rem}.footer-section:first-child{max-width:400px}.footer-logo{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.footer-logo span{color:#fff!important;display:block!important;font-size:1.5rem!important;font-weight:700!important;opacity:1!important;visibility:visible!important}.logo-icon{align-items:center;display:flex}.logo-text{color:#fff!important;display:block!important;font-size:1.5rem;font-weight:700;opacity:1!important;visibility:visible!important}.footer-description{color:#94a3b8;line-height:1.6;margin-bottom:1.5rem}.social-links{display:flex;gap:1rem}.social-link{align-items:center;background:#334155;border-radius:8px;color:#94a3b8;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.social-link:hover{background:#2563eb;color:#fff;transform:translateY(-2px)}.footer-title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#94a3b8;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#2563eb}.contact-info{display:flex;flex-direction:column;gap:.75rem}.contact-item{align-items:center;color:#94a3b8;display:flex;gap:.5rem}.contact-item svg{flex-shrink:0}.footer-bottom{border-top:1px solid #334155;padding:2rem 0}.footer-bottom-content{align-items:center;display:flex;justify-content:space-between}.copyright{color:#94a3b8;font-size:.9rem}.footer-bottom-links{display:flex;gap:2rem}.footer-bottom-links a{color:#94a3b8;font-size:.9rem;text-decoration:none;transition:color .3s ease}.footer-bottom-links a:hover{color:#2563eb}@media (max-width:768px){.footer{padding:3rem 0 0}.footer-content{gap:2rem;grid-template-columns:1fr}.footer-section:first-child{max-width:none}.footer-bottom-content{flex-direction:column;gap:1rem;text-align:center}.footer-bottom-links{flex-wrap:wrap;justify-content:center}}.footer .footer-logo .logo-text,.footer .footer-logo span{background:#0000!important;border:none!important;color:#fff!important;display:block!important;font-size:1.5rem!important;font-weight:700!important;opacity:1!important;outline:none!important;text-decoration:none!important;visibility:visible!important}[data-theme=dark] .footer .footer-logo .logo-text,[data-theme=dark] .footer .footer-logo span{color:#fff!important}.loading-spinner-overlay{align-items:center;background:#fff;bottom:0;display:flex;justify-content:center;left:0;opacity:1;position:fixed;right:0;top:0;transition:all .5s ease;visibility:visible;z-index:9999}[data-theme=dark] .loading-spinner-overlay{background:#0f172a}.loading-spinner-container{align-items:center;display:flex;justify-content:center}.spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;height:50px;width:50px}[data-theme=dark] .spinner{border:4px solid #334155;border-top-color:#60a5fa}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner-overlay.fade-out{opacity:0;visibility:hidden}.App{overflow-x:hidden;text-align:left}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{transition:opacity .5s ease,transform .5s ease}.page-enter-active,.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}*{will-change:auto}.animate-bounce,.animate-fade-in-left,.animate-fade-in-right,.animate-fade-in-up,.animate-float,.animate-glow,.animate-pulse,.animate-scale-in{will-change:transform,opacity}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.d278fa99.css.map*/