@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.alert-danger{background:#fff5f5;color:#c53030;padding:.75rem 1.25rem;border:1px solid #feb2b2;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem;font-weight:500;text-align:center;animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.login-container{background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:3rem;border-radius:16px;box-shadow:0 8px 32px #0003;width:100%;max-width:450px;margin:100px auto;text-align:center;transition:transform .3s ease;border:1px solid rgba(255,255,255,.2)}.login-container:hover{transform:translateY(-5px)}.login-container h1{color:#1a365d;margin-bottom:2rem;font-size:2rem;position:relative;display:inline-block}.login-container h1:after{content:"";display:block;width:50px;height:3px;background:#4299e1;margin:.5rem auto 0;border-radius:2px}.login-container .form-group input{background-color:#f7fafc;border:2px solid #e2e8f0;padding:12px 16px;border-radius:8px;width:100%;transition:all .3s ease}.login-container .form-group input:focus{border-color:#4299e1;background-color:#fff;box-shadow:0 0 0 3px #4299e133;outline:none}.login-container .btn{width:100%;margin-top:1rem;padding:12px;font-size:1.1rem;background:linear-gradient(135deg,#4299e1,#3182ce)}.login-container p{margin-top:1.5rem;color:#718096;font-size:.95rem}.login-container a{color:#3182ce;font-weight:600}.register-container{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem;border-radius:16px;box-shadow:0 8px 32px #0003;width:100%;max-width:500px;margin:60px auto;text-align:center;border:1px solid rgba(255,255,255,.2)}.register-container h1{color:#2d3748;margin-bottom:2rem;font-size:2rem}.register-container .form-group{margin-bottom:1.25rem}.register-container label{font-weight:600;color:#4a5568;margin-bottom:.5rem;display:block;text-align:left}.register-container select,.register-container input{width:100%;padding:12px;border-radius:8px;border:2px solid #e2e8f0;background-color:#f8fafc;transition:all .2s}.register-container select:focus,.register-container input:focus{border-color:#4299e1;background-color:#fff;box-shadow:0 0 0 3px #4299e126;outline:none}.register-container .btn{width:100%;margin-top:1rem;background:linear-gradient(135deg,#48bb78,#38a169)}.register-container .btn:hover{background:linear-gradient(135deg,#38a169,#2f855a);transform:translateY(-2px)}.selection-card{transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.selection-card:hover{transform:translateY(-15px) scale(1.02)!important;box-shadow:0 40px 80px #000c,0 0 30px #4299e166!important;background:#080c18f2!important;border-color:#63b3ed!important}@keyframes modalEnter{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.register-container{animation:modalEnter .4s ease-out}:root{--sidebar-width: 280px;--sidebar-collapsed-width: 80px;--header-height: 70px;--bg-color: #f3f4f6;--sidebar-bg: #1a202c;--sidebar-text: #e2e8f0;--primary-color: #3182ce;--active-bg: rgba(49, 130, 206, .2);--hover-bg: rgba(255, 255, 255, .05);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, .2);--glass-blur: blur(12px)}.dashboard-layout{display:flex;height:100vh;background-color:var(--bg-color);font-family:Inter,sans-serif;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;transition:width .3s ease;box-shadow:4px 0 10px #0000001a;z-index:10;position:relative}.dashboard-layout.collapsed .sidebar{width:var(--sidebar-collapsed-width)}.sidebar-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.dashboard-layout.collapsed .sidebar-header{justify-content:center;padding:0}.logo-area{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.2rem;color:#fff}.logo-icon{width:30px;height:30px;background:var(--primary-color);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff}.collapse-btn{background:none;border:none;color:#a0aec0;cursor:pointer;font-size:1.2rem;transition:color .2s}.collapse-btn:hover{color:#fff}.dashboard-layout.collapsed .logo-text,.dashboard-layout.collapsed .collapse-btn{display:none}.dashboard-layout.collapsed .sidebar-header .collapse-btn{display:block;margin:0 auto}.user-info{padding:2rem 1.5rem;display:flex;align-items:center;gap:1rem;border-bottom:1px solid rgba(255,255,255,.05)}.dashboard-layout.collapsed .user-info{justify-content:center;padding:1rem 0}.avatar-circle{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0}.user-details{overflow:hidden;white-space:nowrap}.user-name{font-weight:600;color:#fff}.user-role-badge{font-size:.6rem;color:#fff;background:#ffffff26;padding:2px 8px;border-radius:4px;text-transform:uppercase;font-weight:800;letter-spacing:.5px;border:1px solid rgba(255,255,255,.1)}.sidebar-menu{flex:1;list-style:none;padding:1rem 0;overflow-y:auto;display:flex;flex-direction:column}.sidebar-item{display:flex;align-items:center;padding:12px 1.5rem;cursor:pointer;transition:all .2s;color:#cbd5e0;border-left:3px solid transparent}.dashboard-layout.collapsed .sidebar-item{justify-content:center;padding:12px 0}.sidebar-item:hover{background-color:var(--hover-bg);color:#fff}.sidebar-item.active{background-color:var(--active-bg);color:var(--primary-color);border-left-color:var(--primary-color)}.sidebar-icon{font-size:1.2rem;margin-right:1rem;display:flex;align-items:center;justify-content:center;width:24px}.dashboard-layout.collapsed .sidebar-icon{margin-right:0}.logout-item{color:#fc8181}.logout-item:hover{background-color:#fc81811a;color:#f56565}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;position:relative;background-color:#f7fafc;transition:all .3s ease}.admin-theme{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.user-theme{background:linear-gradient(135deg,#e0c3fc,#8ec5fc)}.checker-theme{background:linear-gradient(135deg,#f0f4f8,#d9e2ec)}.section-bg-overlay{position:absolute;inset:0;opacity:.07;pointer-events:none;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat;animation:slowZoom 60s infinite alternate}@keyframes slowZoom{0%{transform:scale(1)}to{transform:scale(1.1)}}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px;padding:2rem;position:relative;z-index:1;margin-bottom:2rem}.glass-table-container{background:#fff9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;border:1px solid rgba(255,255,255,.2);overflow:hidden;box-shadow:0 4px 15px #0000000d}.top-header{height:var(--header-height);background:#fff;display:flex;align-items:center;padding:0 2rem;box-shadow:0 2px 4px #0000000d;z-index:5}.mobile-toggle{display:none;background:none;border:none;font-size:1.5rem;margin-right:1rem;cursor:pointer}.current-section-title{font-size:1.25rem;font-weight:700;color:#2d3748}.main-content-area{flex:1;display:flex;flex-direction:column;overflow-y:auto;position:relative;padding:2rem;z-index:1}.floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.shape{position:absolute;background:#3182ce0d;border-radius:50%;animation:float 20s infinite linear}@keyframes float{0%{transform:translateY(0) rotate(0);opacity:0}50%{opacity:.5}to{transform:translateY(-100vh) rotate(360deg);opacity:0}}.dashboard-card{background:transparent;border-radius:0;padding:0;box-shadow:none;border:none;margin-bottom:2rem;width:100%}.dashboard-table-container,.table-container{background:#fff;border-radius:8px;border:1px solid #e2e8f0;overflow:hidden}table{width:100%;border-collapse:collapse}thead th{background:#f7fafc;color:#4a5568;font-weight:700;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em;padding:1rem;text-align:left;border-bottom:2px solid #e2e8f0}tbody td{padding:1rem;border-bottom:1px solid #edf2f7;color:#4a5568}tbody tr:last-child td{border-bottom:none}.dashboard-card h2,.dashboard-card h3{color:#1a202c;margin-bottom:1.5rem;font-weight:800;font-size:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:#4a5568;font-weight:600;font-size:.9rem}.form-group input,.form-group select{width:100%;padding:.75rem 1rem;border:1px solid #cbd5e0;border-radius:8px;background-color:#fff;color:#2d3748;transition:all .2s;font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce1a}.btn{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .1s,box-shadow .2s;border:none;font-size:.95rem;display:inline-flex;align-items:center;justify-content:center}.btn-primary{background:linear-gradient(135deg,#3182ce,#2b6cb0);color:#fff;box-shadow:0 4px 6px #3182ce33}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 12px #3182ce4d}.btn-primary:active{transform:translateY(1px)}.btn-danger{background-color:#fff5f5;color:#c53030;border:1px solid #fed7d7}.btn-danger:hover{background-color:#fed7d7;border-color:#feb2b2}tbody tr:nth-child(2n){background-color:#f7fafc}tbody tr:hover{background-color:#ebf4ff;transition:background-color .2s}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;padding:0;border-radius:16px;width:95%;max-width:900px;box-shadow:0 25px 50px -12px #00000040;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;position:relative;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.dashboard-layout{position:relative}.sidebar{position:absolute;height:100%;transform:translate(-100%)}.dashboard-layout.collapsed .sidebar{transform:translate(0)}.mobile-toggle{display:block}}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem}.slot-item:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important}.admin-table-container{overflow-x:auto}table{width:100%;border-collapse:separate;border-spacing:0 .5rem}th{text-align:left;padding:1rem;color:#718096;font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}td{background:#fff;padding:1rem;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}td:first-child{border-left:1px solid #e2e8f0;border-top-left-radius:8px;border-bottom-left-radius:8px}td:last-child{border-right:1px solid #e2e8f0;border-top-right-radius:8px;border-bottom-right-radius:8px}.admin-list{max-height:200px;overflow-y:auto;list-style:none;padding:0}.admin-list-item{padding:10px 0;border-bottom:1px solid #e2e8f0}.slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1.5rem;margin-top:1.5rem}.slot-item{aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:12px;box-shadow:0 4px 6px #0000001a;transition:all .2s;font-weight:700}.slot-item:hover{transform:scale(1.05)}.booking-list{display:flex;flex-direction:column;gap:1rem}.checker-container{display:flex;flex-direction:column;align-items:center;padding:2rem}.verification-card{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 10px 25px #0000001a;width:100%;max-width:500px;margin-top:2rem;border:1px solid #e2e8f0}.checker-input{font-size:1.1rem;padding:14px;letter-spacing:1px;border:2px solid #cbd5e0;border-radius:8px;width:100%;margin-bottom:1rem;transition:border-color .2s}.checker-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.verify-btn{width:100%;padding:14px;font-size:1.1rem;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:700;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.verify-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #764ba24d}.result-card{margin-top:2rem;padding:1.5rem;border-radius:12px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-valid{background-color:#f0fff4;border:1px solid #c6f6d5;color:#22543d}.result-invalid{background-color:#fff5f5;border:1px solid #fed7d7;color:#822727}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.success-glow-bg{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(5,150,105,.15) 0%,transparent 70%);animation:success-pulse 4s infinite alternate ease-in-out;z-index:-1;pointer-events:none}@keyframes success-pulse{0%{transform:scale(.8);opacity:.4}to{transform:scale(1.2);opacity:.8}}.ambient-particle{position:absolute;background:#10b9814d;border-radius:50%;filter:blur(8px);pointer-events:none;z-index:-1;animation:float-particle var(--duration) infinite linear}@keyframes float-particle{0%{transform:translate(0) scale(1);opacity:0}20%{opacity:.6}80%{opacity:.6}to{transform:translate(var(--x),var(--y)) scale(1.5);opacity:0}}:root{--primary-color: #3182ce;--secondary-color: #2b6cb0;--accent-color: #00d2ff;--glass-bg: rgba(255, 255, 255, .1);--glass-border: rgba(255, 255, 255, .2);--text-light: #f7fafc;--text-dark: #1a202c;--transition-speed: .3s}.landing-page{font-family:Inter,sans-serif;color:var(--text-light);overflow-x:hidden;width:100%}.hero-section{position:relative;height:45vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-size:cover;background-position:center;background-repeat:no-repeat;padding-bottom:0}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0f172a99,#0f172ae6);z-index:1}.hero-content{position:relative;z-index:2;max-width:800px;padding:2rem;animation:fadeIn 1s ease-out}.hero-title{font-size:3rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(90deg,#fff,var(--accent-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(0,210,255,.5)}.hero-subtitle{font-size:1.2rem;margin-bottom:1.5rem;color:#cbd5e0}.cta-group{display:flex;gap:1.5rem;justify-content:center}.cta-btn{padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all var(--transition-speed);border:none;text-transform:uppercase;letter-spacing:1px}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;box-shadow:0 4px 15px #3182ce66}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #3182ce99}.btn-outline{background:transparent;border:2px solid rgba(255,255,255,.8);color:#fff}.btn-outline:hover{background:#ffffff1a;border-color:#fff}.features-section{padding:4rem 2rem;background:#0f172a;color:#fff;text-align:center}.section-title{font-size:2.5rem;margin-bottom:3rem;position:relative;display:inline-block}.section-title:after{content:"";display:block;width:60px;height:4px;background:var(--accent-color);margin:10px auto 0;border-radius:2px}.flow-diagram{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:2rem;margin-top:2rem}.flow-step{background:var(--glass-bg);border:1px solid var(--glass-border);padding:2rem;border-radius:16px;width:250px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s}.flow-step:hover{transform:translateY(-10px);border-color:var(--accent-color);box-shadow:0 0 20px #00d2ff33}.step-icon{font-size:3rem;margin-bottom:1rem;color:var(--accent-color)}.step-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.step-desc{font-size:.9rem;color:#a0aec0}.flow-arrow{font-size:2rem;color:#4a5568;animation:pulse 2s infinite}.get-started-section{padding:2rem 2rem 4rem;background:linear-gradient(to bottom,#0f172a,#1a202c);text-align:center}.role-cards{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.role-card{position:relative;width:280px;height:350px;border-radius:20px;overflow:hidden;cursor:pointer;transition:transform .4s,box-shadow .4s}.role-card:hover{transform:scale(1.05);box-shadow:0 20px 40px #0006}.card-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform .5s}.role-card:hover .card-bg{transform:scale(1.1)}.card-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000000e6,#0003);display:flex;flex-direction:column;justify-content:flex-end;padding:2rem;transition:background .3s}.card-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.5rem}.card-action{font-size:1rem;color:var(--accent-color);opacity:0;transform:translateY(10px);transition:all .3s}.role-card:hover .card-action{opacity:1;transform:translateY(0)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.expand-enter{max-height:0;opacity:0;overflow:hidden;transition:all .5s ease-out}.expand-enter-active{max-height:1000px;opacity:1}@media(max-width:768px){.hero-title{font-size:2.5rem}.cta-group,.flow-diagram{flex-direction:column}.flow-arrow{transform:rotate(90deg);margin:.5rem 0}}html{scroll-behavior:smooth}.welcome-page{position:relative;background:radial-gradient(circle at 50% 50%,#0a0f1d,#05080f);min-height:100vh;overflow-x:hidden;color:#fff;font-family:Outfit,sans-serif}.scroll-progress{position:fixed;top:0;left:0;height:4px;background:linear-gradient(to right,#00d2ff,#7928ca);z-index:9999;width:0%;transition:width .1s;box-shadow:0 0 10px #00d2ff80}.glass-card{background:#ffffff08;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.05);border-radius:24px;box-shadow:0 4px 30px #0000001a}.bg-orb{position:fixed;border-radius:50%;filter:blur(180px);z-index:0;opacity:.35;animation:orbFloat 30s infinite alternate cubic-bezier(.445,.05,.55,.95);pointer-events:none}.orb-1{width:800px;height:800px;background:radial-gradient(#00d2ff,transparent);top:-20%;left:-10%}.orb-2{width:700px;height:700px;background:radial-gradient(#7928ca,transparent);bottom:-15%;right:-5%;animation-delay:-5s}.orb-3{width:600px;height:600px;background:radial-gradient(#ff0080,transparent);top:15%;right:15%;animation-delay:-12s;opacity:.15}@keyframes orbFloat{0%{transform:translate(0) scale(1) rotate(0)}to{transform:translate(150px,100px) scale(1.1) rotate(45deg)}}.connectivity-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,210,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(0,210,255,.05) 1px,transparent 1px);background-size:80px 80px;z-index:1;opacity:.3;-webkit-mask-image:radial-gradient(ellipse at center,#000,#0000 80%);mask-image:radial-gradient(ellipse at center,#000,#0000 80%);pointer-events:none;animation:gridPulse 8s infinite alternate ease-in-out}@keyframes gridPulse{0%{opacity:.2;transform:scale(1)}to{opacity:.4;transform:scale(1.05)}}.cursor-dot{position:fixed;width:8px;height:8px;background-color:#00d2ff;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);box-shadow:0 0 10px #00d2ff,0 0 20px #00d2ff}.cursor-ring{position:fixed;width:40px;height:40px;border:2px solid rgba(0,210,255,.5);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:transform .1s}.top-nav{position:fixed;top:0;left:0;right:0;padding:1.5rem 6vw;display:flex;justify-content:space-between;align-items:center;z-index:100;background:#05080f66;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.03)}.logo-section{display:flex;align-items:center;gap:1rem;cursor:pointer;z-index:101}.logo-icon{background:linear-gradient(135deg,#00d2ff,#7928ca);color:#fff;font-weight:900;padding:.5rem .8rem;border-radius:12px;font-size:1.3rem;box-shadow:0 0 20px #00d2ff4d}.logo-text{font-size:1.6rem;font-weight:800;letter-spacing:-1px}.nav-links{display:flex;gap:3rem;background:#ffffff05;padding:.8rem 3.5rem;border-radius:60px;border:1px solid rgba(255,255,255,.05)}.nav-links span{font-size:.85rem;font-weight:700;color:#a0aec0;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:.3s}.nav-links span:hover{color:#00d2ff;text-shadow:0 0 15px rgba(0,210,255,.6)}.nav-cta{background:linear-gradient(to right,#00d2ff,#7928ca);border:none;color:#fff;padding:.8rem 2.2rem;border-radius:50px;font-weight:800;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;box-shadow:0 10px 25px #00d2ff33;transition:.4s cubic-bezier(.175,.885,.32,1.275)}.nav-cta:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 15px 35px #00d2ff66}.welcome-hero{position:relative;padding-top:100px;min-height:100vh;display:flex;align-items:center;justify-content:center;padding-bottom:40px;z-index:10;overflow:hidden}.hero-full-slider{position:relative;width:100%;height:100%;display:flex}.slider-track{display:flex;width:100%;height:100%;transition:transform 1s cubic-bezier(.8,0,.2,1)}.hero-slide{min-width:100vw;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 8vw;box-sizing:border-box;opacity:.3;transition:opacity 1s ease}.hero-slide.active{opacity:1}.slide-content{flex:1;z-index:5;max-width:600px;transform:translateY(30px);opacity:0;transition:all 1s cubic-bezier(.2,.8,.2,1) .3s}.hero-slide.active .slide-content{transform:translateY(0);opacity:1}.hero-badge{display:inline-block;padding:.6rem 2rem;border-radius:50px;font-size:.85rem;font-weight:800;letter-spacing:3px;margin-bottom:2rem;border:1px solid}.hero-title{font-size:4.5rem;font-weight:950;line-height:1.1;margin-bottom:1.5rem;color:#fff;letter-spacing:-2px}.hero-subtitle{font-size:1.3rem;color:#a0aec0;line-height:1.6}.slide-visual{flex:1.2;position:relative;height:100%;display:flex;align-items:center;justify-content:center}.floating-car-container{position:relative;z-index:3;width:130%;max-width:900px}.floating-car{width:100%;height:400px;object-fit:cover;border-radius:24px;transform:translate(100px) scale(.9);opacity:0;transition:all 1.2s cubic-bezier(.25,.8,.25,1) .1s;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6));border:1px solid rgba(255,255,255,.1)}.hero-slide.active .floating-car{transform:translate(0) scale(1);opacity:1;animation:carFloat 6s ease-in-out infinite alternate}@keyframes carFloat{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-15px) rotate(1deg)}}.car-shadow-ellipse{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);width:80%;height:40px;background:radial-gradient(ellipse at center,rgba(0,0,0,.8) 0%,transparent 70%);z-index:2;opacity:0;transition:opacity 1s}.hero-slide.active .car-shadow-ellipse{opacity:1;animation:shadowPulse 6s ease-in-out infinite alternate}@keyframes shadowPulse{0%{transform:translate(-50%) scale(1);opacity:.8}to{transform:translate(-50%) scale(.85);opacity:.5}}.ambient-glow{position:absolute;inset:-20%;border-radius:50%;z-index:1;filter:blur(80px);opacity:0;transition:opacity 1.5s;mix-blend-mode:screen}.hero-slide.active .ambient-glow{opacity:1}.hero-slider-controls{position:absolute;bottom:5%;left:50%;transform:translate(-50%);display:flex;gap:1.5rem;z-index:20}.hero-dot{width:60px;height:4px;border-radius:4px;cursor:pointer;transition:all .4s ease;overflow:hidden;position:relative}.hero-dot:after{content:"";position:absolute;top:0;left:0;height:100%;width:0%;background:#fff}.hero-dot.active{width:100px}.hero-dot.active:after{transition:width 5s linear;width:100%}.tech-marquee-section{padding:60px 0;border-top:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.marquee-subtitle{text-align:center;color:#718096;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;margin-bottom:40px;opacity:.8}.marquee-container{mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent)}.marquee-track{display:flex;white-space:nowrap;width:max-content}.marquee-content{display:flex;gap:40px;padding:0 20px;animation:marqueeScroll 30s linear infinite}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{display:flex;align-items:center;gap:15px;background:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);padding:15px 30px;border-radius:20px;color:#e2e8f0;font-size:1.1rem;font-weight:600;transition:.4s}.marquee-item:hover{background:#ffffff0d;border-color:#00d2ff4d;color:#fff;transform:translateY(-5px)}.features-stats-section{position:relative;z-index:10;padding:100px 6vw;background:transparent}.stats-header{text-align:center;margin-bottom:60px}.stats-title{font-size:3.5rem;font-weight:950;margin-bottom:1rem;color:#fff}.stats-title span{background:linear-gradient(to right,#00d2ff,#7928ca);background-clip:text;-webkit-background-clip:text;color:transparent}.stats-subtitle{font-size:1.2rem;color:#a0aec0;max-width:600px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:4rem}.stat-card{padding:2.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;transition:.4s;position:relative;overflow:hidden;animation:fadeInUp .8s ease backwards}.stat-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00d2ff26;border-color:#00d2ff4d}.card-image-box{width:100%;height:120px;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center;opacity:.7}.card-image-box img{max-height:100%;max-width:100%;object-fit:contain;filter:grayscale(100%) brightness(1.2);transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.stat-card:hover .card-image-box img{filter:grayscale(0) brightness(1);transform:scale(1.2) translateY(-10px)}.stat-icon-box{font-size:2.5rem;margin-bottom:1rem;text-shadow:0 0 20px rgba(0,210,255,.5)}.stat-value{font-size:2.5rem;font-weight:900;color:#fff;margin-bottom:.5rem}.stat-desc{font-size:.95rem;color:#a0aec0;line-height:1.6}.stat-graph-mini,.stat-ratio-circle,.stat-progress-steps,.stat-leaf-box{margin-top:2rem;width:100%}.bar-container{width:100%;height:8px;background:#ffffff1a;border-radius:4px;margin-bottom:.5rem;overflow:hidden}.bar-fill{height:100%;border-radius:4px}.stat-graph-mini span{font-size:.8rem;color:#718096;text-transform:uppercase;letter-spacing:1px}.stat-ratio-circle{display:flex;justify-content:center;position:relative;width:60px;height:60px;margin:1.5rem auto 0}.circular-chart{display:block;max-width:100%;max-height:250px;fill:none}.circle-bg{fill:none;stroke:#ffffff1a;stroke-width:3.8}.circle{fill:none;stroke-width:2.8;stroke-linecap:round;animation:progress 2s ease-out forwards;stroke:#00d2ff}@keyframes progress{0%{stroke-dasharray:0 100}}.circle-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);fill:#fff;font-size:1rem;font-weight:800}.stat-progress-steps{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;position:relative;padding:0 10px}.stat-progress-steps:before{content:"";position:absolute;top:50%;left:10px;right:10px;height:2px;background:#ffffff1a;transform:translateY(-50%);z-index:1}.step{width:12px;height:12px;border-radius:50%;background:#fff3;position:relative;z-index:2;transition:.3s}.step.active{background:#7928ca;box-shadow:0 0 10px #7928ca}.step.current{background:#00d2ff;width:16px;height:16px;box-shadow:0 0 15px #00d2ff;animation:pulseStep 1.5s infinite}@keyframes pulseStep{0%{box-shadow:0 0 #00d2ff66}70%{box-shadow:0 0 0 10px #00d2ff00}to{box-shadow:0 0 #00d2ff00}}.stat-leaf-box{display:flex;justify-content:center;align-items:center;position:relative;height:50px;margin-top:1.5rem}.glow-leaf{font-size:2rem;z-index:2;position:relative;animation:floatLeaf 3s ease-in-out infinite}@keyframes floatLeaf{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.glow-pulse{position:absolute;width:30px;height:30px;background:#0f8;border-radius:50%;z-index:1;filter:blur(15px);opacity:.5;animation:pulseLeaf 2s infinite alternate}@keyframes pulseLeaf{0%{transform:scale(.8);opacity:.3}to{transform:scale(1.5);opacity:.8}}.vertical-bar-section{padding:3rem;margin-bottom:4rem}.bar-header{text-align:center;margin-bottom:3rem}.bar-header h3{font-size:1.8rem;color:#fff;margin-bottom:.5rem}.bar-header p{color:#a0aec0}.bar-chart-container{display:flex;justify-content:space-around;align-items:flex-end;height:250px;padding-top:20px}.v-bar-item{display:flex;flex-direction:column;align-items:center;gap:1rem;width:60px}.v-bar-outer{width:100%;height:200px;background:#ffffff0d;border-radius:30px;position:relative;display:flex;align-items:flex-end;overflow:hidden}.v-bar-inner{width:100%;background:linear-gradient(to top,#7928ca,#00d2ff);border-radius:30px;position:relative;transition:height 1.5s ease;box-shadow:0 0 20px #00d2ff4d}.v-bar-val{position:absolute;top:-30px;left:50%;transform:translate(-50%);font-size:.85rem;font-weight:800;color:#fff}.v-bar-label{font-size:.85rem;color:#a0aec0;font-weight:600}.stats-comparison-box{display:flex;align-items:center;justify-content:space-between;padding:3rem;gap:3rem;margin-bottom:4rem}.comparison-text{flex:1}.comparison-text h4{font-size:1.8rem;color:#fff;margin-bottom:1rem}.comparison-text p{color:#a0aec0;line-height:1.6}.ratio-bar-wrapper{flex:1;display:flex;flex-direction:column;gap:1rem}.ratio-label{font-size:.9rem;color:#718096;font-weight:700;text-transform:uppercase}.main-ratio-bar{width:100%;height:24px;border-radius:12px;display:flex;overflow:hidden;background:#ffffff1a}.segment-1{width:60%;background:#ff4d4d;opacity:.8}.segment-2{width:40%;background:#00d2ff}.ecosystem-info-section{margin-top:80px}.eco-header{text-align:center;margin-bottom:50px}.eco-header h2{font-size:3rem;color:#fff;font-weight:900}.eco-header span{color:#00d2ff}.eco-header p{color:#a0aec0;font-size:1.2rem;margin-top:.5rem}.eco-feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.eco-item{display:flex;gap:1.5rem;background:#ffffff05;padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.05);transition:.4s}.eco-item:hover{background:#ffffff0d;transform:translate(10px);border-color:#00d2ff33}.eco-num{font-size:3rem;font-weight:900;color:#ffffff1a;-webkit-text-stroke:1px rgba(255,255,255,.3)}.eco-content h3{font-size:1.3rem;color:#fff;margin-bottom:.8rem}.eco-content p{color:#a0aec0;line-height:1.6;font-size:.95rem}.digital-services-section{padding:100px 6vw;position:relative;z-index:10;border-top:1px solid rgba(255,255,255,.05)}.services-header{text-align:center;margin-bottom:60px}.services-header h2{font-size:3.5rem;font-weight:900;color:#fff}.services-header span{color:#ff0080}.services-header p{font-size:1.2rem;color:#a0aec0;margin-top:1rem}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem}.service-card{display:flex;flex-direction:column;overflow:hidden;transition:.4s;animation:fadeInUp 1s ease backwards .2s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #ff008026;border-color:#ff00804d}.srv-image-container{width:100%;height:250px;background:transparent;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:20px}.srv-image-container img{width:100%;height:100%;object-fit:contain;opacity:.7;transition:all .6s cubic-bezier(.2,.8,.2,1)}.service-card:hover .srv-image-container img{opacity:1;transform:scale(1.15) rotate(2deg);filter:drop-shadow(0 20px 30px rgba(0,210,255,.4))}.srv-content{padding:2.5rem;position:relative;flex:1;display:flex;flex-direction:column}.srv-icon{position:absolute;top:-25px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,#1a1f35,#0a0f1d);border:1px solid rgba(255,255,255,.1);border-radius:15px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;box-shadow:0 10px 20px #00000080}.srv-content h3{font-size:1.5rem;color:#fff;margin-bottom:1rem;font-weight:800}.srv-content p{color:#a0aec0;line-height:1.6;margin-bottom:2rem;flex:1}.srv-graph-box{background:#0003;padding:1.5rem;border-radius:15px}.srv-metric{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.8rem}.srv-metric-val{font-size:1.5rem;font-weight:800;color:#fff}.srv-metric-lbl{font-size:.75rem;text-transform:uppercase;color:#718096;font-weight:700;letter-spacing:1px}.srv-bar-wrap{width:100%;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.srv-bar-fill{height:100%;border-radius:3px}.contact-section{padding:100px 6vw 0;border-top:1px solid rgba(255,255,255,.05);position:relative;z-index:10}.contact-header-content{text-align:center;margin-bottom:60px}.contact-main-heading{font-size:3rem;color:#fff;font-weight:900;margin-bottom:1rem}.contact-main-heading span{color:#00d2ff}.contact-main-subtext{font-size:1.1rem;color:#a0aec0;line-height:1.6;max-width:700px;margin:0 auto}.contact-layout-wrapper{display:flex;gap:4rem;margin-bottom:60px}@media(max-width:1000px){.contact-layout-wrapper{flex-direction:column}}.contact-info-glass-card{flex:1;padding:4rem;display:flex;flex-direction:column;justify-content:center}.info-card-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.info-aq-logo{background:linear-gradient(135deg,#00d2ff,#7928ca);width:50px;height:50px;display:flex;justify-content:center;align-items:center;font-weight:900;color:#fff;border-radius:15px;font-size:1.2rem}.info-aq-title{font-size:2rem;color:#fff;font-weight:800}.info-tagline{font-size:1.2rem;color:#e2e8f0;line-height:1.6;margin-bottom:3rem}.info-details-list{display:flex;flex-direction:column;gap:1.5rem}.info-link-item{display:flex;align-items:center;gap:1.5rem;text-decoration:none;color:#a0aec0;font-size:1.05rem;transition:.3s;cursor:pointer}.info-link-item:hover{color:#00d2ff;transform:translate(10px)}.info-icon-box{width:45px;height:45px;background:#ffffff0d;border-radius:12px;display:flex;justify-content:center;align-items:center;color:#00d2ff}.contact-form-card{flex:1.2;padding:4rem}.enhanced-contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-input-group{position:relative;display:flex;align-items:center;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:15px;padding:0 1.5rem;transition:.3s}.form-input-group:focus-within{border-color:#00d2ff80;box-shadow:0 0 20px #00d2ff1a;background:#0006}.input-icon-svg{width:20px;height:20px;color:#718096;margin-right:1.5rem}.form-input-group:focus-within .input-icon-svg{color:#00d2ff}.form-input-group input,.form-input-group textarea{width:100%;background:transparent;border:none;color:#fff;font-size:1.05rem;font-family:Outfit,sans-serif;padding:1.2rem 0;outline:none}.form-input-group.textarea-group{align-items:flex-start;padding-top:1.2rem}.lets-talk-btn{display:flex;align-items:center;justify-content:center;gap:1rem;background:#fff;color:#0a0f1d;padding:1.2rem;border-radius:15px;font-weight:800;font-size:1.1rem;border:none;cursor:pointer;transition:.4s;margin-top:1rem}.lets-talk-btn:hover{background:#00d2ff;color:#fff;transform:translateY(-5px);box-shadow:0 15px 30px #00d2ff4d}.footer-brand-strip{display:flex;justify-content:space-between;align-items:center;padding:2rem 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);margin-bottom:4rem;flex-wrap:wrap;gap:2rem}.footer-logo-box{display:flex;align-items:center;gap:1rem}.footer-aq-logo{background:linear-gradient(135deg,#00d2ff,#7928ca);width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-weight:900;color:#fff;border-radius:10px}.footer-aq-text{font-size:1.5rem;font-weight:800;color:#fff}.footer-quick-info{display:flex;gap:3rem;flex-wrap:wrap}.quick-link-item{display:flex;align-items:center;gap:.8rem;color:#a0aec0;text-decoration:none;font-size:.95rem;cursor:pointer;transition:.3s}.quick-link-item:hover{color:#00d2ff}.footer-grid-layout{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding-bottom:4rem}@media(max-width:900px){.footer-grid-layout{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.footer-grid-layout{grid-template-columns:1fr}}.footer-col-head{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:1.5rem}.footer-col-ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}.footer-col-ul li{color:#a0aec0;font-size:.95rem;cursor:pointer;transition:.3s}.footer-col-ul li:hover{color:#00d2ff;padding-left:5px}.social-li{display:flex;align-items:center;gap:1rem}.social-ic{display:inline-flex;justify-content:center;align-items:center;width:30px;height:30px;background:#ffffff0d;border-radius:8px;font-weight:800;font-size:.9rem;color:#fff}.no-title-col{padding-top:3rem}.ecosystem-synergy-section{padding:100px 6vw;position:relative;z-index:10;background:#05080f99;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.synergy-container{display:flex;align-items:center;gap:4rem;max-width:1400px;margin:0 auto}.synergy-visual{flex:1.2;position:relative}.synergy-image{width:100%;border-radius:30px;box-shadow:0 30px 60px #00000080,0 0 40px #00d2ff33;border:1px solid rgba(255,255,255,.1);transition:.5s}.synergy-visual:hover .synergy-image{transform:scale(1.02);box-shadow:0 40px 80px #0009,0 0 60px #00d2ff4d}.synergy-content{flex:1}.synergy-tag{color:#00d2ff;font-weight:800;letter-spacing:2px;text-transform:uppercase;font-size:.9rem;margin-bottom:1rem;display:block}.synergy-title{font-size:3.5rem;font-weight:950;line-height:1.1;margin-bottom:2rem;letter-spacing:-2px}.synergy-title span{background:linear-gradient(to right,#00d2ff,#7928ca);-webkit-background-clip:text;background-clip:text;color:transparent}.synergy-grid{display:grid;grid-template-columns:1fr;gap:2rem}.synergy-item{display:flex;gap:1.5rem;padding:1.5rem;background:#ffffff05;border-radius:20px;border:1px solid rgba(255,255,255,.05);transition:.3s}.synergy-item:hover{background:#00d2ff0d;border-color:#00d2ff4d;transform:translate(10px)}.syn-icon{font-size:2rem;min-width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:12px}.syn-text h4{font-size:1.25rem;font-weight:700;margin-bottom:.5rem;color:#fff}.syn-text p{font-size:.95rem;color:#a0aec0;line-height:1.5}@media(max-width:1024px){.synergy-container{flex-direction:column;text-align:center}.synergy-item{text-align:left}.synergy-title{font-size:2.5rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;line-height:1.6;background:linear-gradient(#1e3c72d9,#2a5298d9),url(https://images.unsplash.com/photo-1590674899484-d5640e854abe?auto=format&fit=crop&q=80);background-size:cover;background-position:center;background-attachment:fixed;color:#333;min-height:100vh;display:flex;flex-direction:column}.App{width:100%;min-height:100vh}.container{max-width:1200px;margin:auto;padding:0 2rem;width:100%}.form-container,.home-container,.dashboard-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem;border-radius:16px;box-shadow:0 8px 32px #0003;width:100%;max-width:500px;margin:2rem auto;transition:transform .3s ease}.dashboard-section{max-width:1000px}.home-container:hover,.form-container:hover,.login-container:hover{transform:translateY(-5px)}h1{font-size:2.5rem;color:#1a202c;margin-bottom:1rem;font-weight:800;letter-spacing:-.025em}h2{color:#2d3748;margin-bottom:1.5rem;font-weight:700;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}p{color:#4a5568;margin-bottom:2rem;font-size:1.1rem}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;margin-bottom:.5rem;color:#4a5568;font-weight:500;font-size:.95rem}.form-group input,.form-group select{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s;outline:none;background-color:#f7fafc}.form-group input:focus,.form-group select:focus{border-color:#4299e1;background-color:#fff;box-shadow:0 0 0 3px #4299e133}.btn{display:inline-block;background:linear-gradient(to right,#4299e1,#3182ce);color:#fff;padding:12px 30px;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 6px #323cdc33;text-transform:uppercase;letter-spacing:.5px}.btn:hover{background:linear-gradient(to right,#3182ce,#2b6cb0);transform:translateY(-2px);box-shadow:0 6px 8px #323cdc4d}.btn-danger{background:linear-gradient(to right,#f56565,#c53030)!important}a{color:#3182ce;text-decoration:none;font-weight:500;transition:color .2s}a:hover{color:#2b6cb0;text-decoration:underline}