*{box-sizing:border-box}body{background:#f7f7f9;color:#111;font-family:Arial,Helvetica,sans-serif}.page-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000a;margin:24px auto;max-width:1100px;padding:16px}h1{margin-top:0}.login-container{background:#fff;border-radius:8px;box-shadow:0 2px 12px #0000000f;margin:60px auto;max-width:420px;padding:24px;text-align:center}.login-form input{border:1px solid #ddd;border-radius:6px;margin:8px 0;padding:10px 12px;width:100%}.login-form button{cursor:pointer;margin-top:8px;padding:10px 16px}.dashboard-cards{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:12px}.card{background:#fafafa;border:1px solid #eee;border-radius:8px;cursor:pointer;flex:1 1 220px;padding:16px;transition:transform .12s}.card:hover{transform:translateY(-2px)}.card.low{background:#fff4f4;border-color:#ffd7d7}.btn-primary{background:#2563eb;border-radius:6px;padding:8px 12px}button{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;padding:6px 10px}.item-form input,.item-form select{border:1px solid #ddd;border-radius:6px;margin:6px 0;padding:8px;width:100%}.inventory-table{margin-top:12px}.inventory-table td,.inventory-table th{border:1px solid #eee;padding:10px 8px;text-align:left}.low-stock{background:#fff1f0}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.filters input{border:1px solid #ddd;border-radius:6px;padding:8px}.error{color:#b91c1c;margin-top:8px}@media (max-width:700px){.dashboard-cards,.filters{flex-direction:column}}.login-page{align-items:center;background-color:#0b0f19;background-color:var(--bg-dark);color:#f3f4f6;color:var(--text-main);display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.glow-orb{z-index:1}.orb-login-1{animation:float 10s ease-in-out infinite;background:#3b82f680;background:var(--glow-primary);height:400px;left:-100px;top:-100px;width:400px}.orb-login-2{animation:float 12s ease-in-out infinite reverse;background:#8b5cf680;background:var(--glow-secondary);bottom:-50px;height:300px;right:-50px;width:300px}.login-container{align-items:center;animation:floatCard 1s ease-out forwards;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#12141c99;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-left:1px solid #ffffff1a;border-radius:1.5rem;border-top:1px solid #ffffff1a;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;max-width:400px;padding:3rem;position:relative;width:100%;z-index:10}@keyframes floatCard{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.brand-title{background:linear-gradient(90deg,#3b82f6,#8b5cf6);background:linear-gradient(to right,var(--primary-accent),var(--secondary-accent));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:1.5rem;width:100%}.form-group{position:relative}.form-group label{color:#9ca3af;margin-left:.25rem}.input-icon{color:#9ca3af;font-size:1.2rem;transition:color .3s ease}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #12141ce6!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;z-index:1}.form-input{background:#ffffff0d;border:1px solid #ffffff14;box-sizing:border-box;font-size:1rem;padding:.875rem 1rem .875rem 4rem!important;position:relative;transition:all .3s ease;z-index:2}.form-input::placeholder{color:#9ca3af66;opacity:1}.btn-primary{background:linear-gradient(90deg,#3b82f6,#8b5cf6);background:linear-gradient(90deg,var(--primary-accent),var(--secondary-accent));border-radius:2rem;margin-top:1rem;padding:.875rem;transition:all .3s ease}.btn-primary:hover{box-shadow:0 8px 25px #3b82f680;transform:translateY(-2px)}.back-link{color:#9ca3af;color:var(--text-muted);font-size:.875rem;margin-top:1.5rem;text-decoration:none;transition:color .3s ease}.back-link:hover{color:#3b82f6;color:var(--primary-accent)}.error-message{color:#ef4444;text-align:center}.forgot-password-link{align-self:center;background:none;border:none;color:#3b82f6;color:var(--primary-accent);cursor:pointer;font-size:.875rem;margin-top:.5rem;padding:0;text-decoration:none;transition:all .2s ease}.forgot-password-link:hover{color:#8b5cf6;color:var(--secondary-accent);text-decoration:underline}.modal-overlay{align-items:center;animation:fadeIn .3s ease forwards;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:1000}@keyframes fadeIn{to{opacity:1}}.modal-content{animation:scaleUp .3s ease forwards;background:#12141ce6;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:1.5rem;box-shadow:0 0 40px #3b82f633;max-width:400px;padding:2rem;transform:scale(.9);width:90%}@keyframes scaleUp{to{transform:scale(1)}}.modal-header{margin-bottom:1.5rem;text-align:center}.modal-header h2{color:#fff;font-size:1.5rem;margin:0}.modal-header p{color:#9ca3af;color:var(--text-muted);font-size:.9rem;margin-top:.5rem}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-secondary{background:#ffffff1a;border-radius:2rem;cursor:pointer;flex:1 1;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.btn-secondary:hover{background:#fff3}.success-message{background:#10b9811a;border:1px solid #10b98133;border-radius:.75rem;color:#10b981;margin-bottom:1rem;padding:1rem;text-align:center}.user-management-container{margin:0 auto 3rem;max-width:800px}.section-title{border-bottom:1px solid #ffffff1a;color:#fff;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;margin-top:0;padding-bottom:1rem}.user-form{grid-gap:1.5rem;margin-top:1.5rem}.form-row,.user-form{display:grid;gap:1.5rem}.form-row{grid-gap:1.5rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text-muted);font-size:.875rem;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);font-size:1.1rem;left:1rem;pointer-events:none;position:absolute}.form-input{background:#0003;border:1px solid var(--glass-border);border-radius:.75rem;color:#fff;font-family:inherit;font-size:.95rem;outline:none;padding:.75rem 1rem .75rem 2.75rem;transition:all .2s ease;width:100%}.form-input:focus{background:#0000004d;border-color:var(--primary-accent);box-shadow:0 0 0 2px #3b82f633}.btn-primary{align-items:center;background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.875rem 1.5rem;transition:all .2s ease}.btn-primary:hover{box-shadow:0 4px 12px #3b82f64d;filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.existing-users-card{margin-bottom:3rem;overflow:hidden;padding:0}.existing-users-header{background:#ffffff05;border-bottom:1px solid var(--glass-border);color:#fff;font-size:1.1rem;font-weight:600;margin:0;padding:1.5rem}.table-responsive{overflow-x:auto;width:100%}.role-badge{border-radius:1rem;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.role-badge.admin{background:#8b5cf633;border:1px solid #8b5cf64d;color:#c4b5fd}.role-badge.staff{background:#3b82f633;border:1px solid #3b82f64d;color:#93c5fd}.role-badge.creator{background:#10b98133;border:1px solid #10b9814d;color:#6ee7b7}@media (max-width:768px){.form-row{gap:1rem;grid-template-columns:1fr}}:root{--glow-primary:#3b82f64d;--sidebar-width:260px}.layout-container{display:flex;min-height:100vh;overflow:hidden;position:relative}.glow-orb-layout{border-radius:50%;filter:blur(120px);opacity:.4;pointer-events:none;position:absolute;z-index:0}.orb-1{background:#3b82f64d;top:-200px}.orb-2{background:#8b5cf64d;bottom:-100px;right:-100px}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12141ccc;border-right:1px solid #ffffff14;border-right:1px solid var(--glass-border);display:flex;flex-direction:column;height:100vh;padding:2rem 1.5rem;position:fixed;width:260px;width:var(--sidebar-width);z-index:50}.brand{background:linear-gradient(90deg,#3b82f6,#8b5cf6);background:linear-gradient(to right,var(--primary-accent),var(--secondary-accent));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.5rem;font-weight:800;margin-bottom:3rem;padding-left:.5rem}.nav-menu{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.nav-item{align-items:center;border-radius:.75rem;color:#9ca3af;color:var(--text-muted);display:flex;font-weight:500;gap:.75rem;padding:.875rem 1rem;text-decoration:none;transition:all .2s ease}.nav-item.active,.nav-item:hover{background:#3b82f61a;color:#fff}.nav-item.active{border:1px solid #3b82f633}.nav-icon{font-size:1.25rem}.user-profile{align-items:center;border-top:1px solid #ffffff14;border-top:1px solid var(--glass-border);display:flex;gap:1rem;margin-top:auto;padding-top:1.5rem}.logout-btn{background:none;border:none;border-radius:.5rem;color:#9ca3af;color:var(--text-muted);cursor:pointer;font-size:1.25rem;margin-left:auto;padding:.5rem;transition:all .2s}.logout-btn:hover{background:#ef44441a;color:#ef4444}.main-content{flex:1 1;margin-left:260px;margin-left:var(--sidebar-width);padding:2rem 3rem;position:relative;z-index:10}.page-header{margin-bottom:2.5rem}.page-header h1{color:#fff;font-size:2rem;font-weight:700;margin:0}.page-header p{color:#9ca3af;color:var(--text-muted);margin-top:.5rem}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:1.25rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.glass-card:hover{border-color:#ffffff26;box-shadow:0 10px 30px -10px #0000004d;transform:translateY(-5px)}.card-icon-wrapper{align-items:center;background:#3b82f61a;border-radius:1rem;color:#3b82f6;color:var(--primary-accent);display:flex;font-size:1.5rem;height:3rem;justify-content:center;margin-bottom:1rem;width:3rem}.stat-value{color:#fff;font-size:2rem;font-weight:700;margin:.5rem 0 0}.stat-label{color:#9ca3af;color:var(--text-muted);font-size:.875rem;font-weight:500}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:1rem;color:#f3f4f6;color:var(--text-main);cursor:pointer;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s}.action-btn:hover{background:#3b82f6;background:var(--primary-accent);border-color:#3b82f6;border-color:var(--primary-accent);color:#fff}.icon-btn-edit{background:none;border:none;border-radius:.5rem;color:#3b82f6;color:var(--primary-accent);cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .2s}.icon-btn-edit:hover{background:#3b82f61a;transform:scale(1.1)}.inventory-table{border-collapse:collapse;width:100%}.inventory-table th{background:#ffffff05;color:#9ca3af;color:var(--text-muted);text-align:left}.inventory-table td,.inventory-table th{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border);padding:1rem}.inventory-table td{color:#f3f4f6;color:var(--text-main)}.inventory-table tr:hover td{background:#ffffff05}.low-stock-row td{background:#ef44440d}.error-message{background:#ef44441a;border:1px solid #ef444433;border-radius:.5rem;color:#f87171;font-size:.875rem;margin-top:1rem;padding:.75rem}@media (max-width:768px){.layout-container{flex-direction:column}.main-content{margin-left:0;padding:5rem 1.5rem 2rem;width:100%}.mobile-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#12141cf2;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border);display:flex;height:60px;left:0;padding:0 1rem;position:fixed;right:0;top:0;z-index:100}.brand-mobile{background:linear-gradient(90deg,#3b82f6,#8b5cf6);background:linear-gradient(to right,var(--primary-accent),var(--secondary-accent));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.25rem;font-weight:800;margin-left:1rem}.menu-btn{background:none;border:none;cursor:pointer;padding:.5rem}.hamburger{display:flex;flex-direction:column;height:18px;justify-content:space-between;position:relative;width:24px}.hamburger span{background:#f3f4f6;background:var(--text-main);border-radius:2px;display:block;height:2px;transition:all .3s;width:100%}.mobile-sidebar{background:#0b0f19;bottom:0;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:260px;z-index:200}.layout-container.sidebar-open .mobile-sidebar{transform:translateX(0)}.backdrop{animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:150}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-open .hamburger span:first-child{transform:rotate(45deg) translate(5px,6px)}.sidebar-open .hamburger span:nth-child(2){opacity:0}.sidebar-open .hamburger span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}}:root{--bg-card-hover:#ffffff12}body{background-color:#0b0f19;background-color:var(--bg-dark);color:#f3f4f6;color:var(--text-main);font-family:Inter,sans-serif;margin:0;overflow-x:hidden}.landing-page{min-height:100vh;overflow:hidden;position:relative}.glow-orb{z-index:-1}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity 1s ease-out,transform 1s ease-out;will-change:opacity,visibility}.scroll-reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes floatDashboard{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.landing-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:2rem 5%;position:-webkit-sticky;position:sticky;top:0;z-index:100}.brand-logo{background:linear-gradient(90deg,#3b82f6,#8b5cf6);background:linear-gradient(to right,var(--primary-accent),var(--secondary-accent));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.nav-links .btn-login{background:#ffffff1a;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:2rem;color:#f3f4f6;color:var(--text-main);font-weight:500;padding:.6rem 1.5rem;text-decoration:none;transition:all .3s ease}.nav-links .btn-login:hover{background:#3b82f6;background:var(--primary-accent);border-color:#3b82f6;border-color:var(--primary-accent);box-shadow:0 0 20px #3b82f680;box-shadow:0 0 20px var(--glow-primary)}.hero-section{align-items:center;display:flex;flex-direction:column;padding:6rem 1rem;position:relative;text-align:center}.hero-badge{background:#3b82f61a;border:1px solid #3b82f633;border-radius:2rem;color:#3b82f6;color:var(--primary-accent);font-size:.875rem;font-weight:600;margin-bottom:1.5rem;padding:.5rem 1rem}.hero-title{animation:fadeInUp .8s ease-out forwards;font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem;opacity:0}.hero-title span{background:linear-gradient(90deg,#fff,#9ca3af);-webkit-background-clip:text;background-clip:text;color:#0000;display:block}.hero-subtitle{animation:fadeInUp .8s ease-out .2s forwards;color:#9ca3af;color:var(--text-muted);font-size:1.125rem;line-height:1.6;margin-bottom:3rem;max-width:600px;opacity:0}.hero-buttons{animation:fadeInUp .8s ease-out .4s forwards;display:flex;gap:1rem;justify-content:center;margin-bottom:5rem;opacity:0}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.cta-button{animation:shimmer 3s linear infinite;background:linear-gradient(90deg,#fff,#f0f0f0 40%,#fff 50%,#f0f0f0 60%,#fff);background-size:200% auto;border-radius:3rem;box-shadow:0 4px 15px #ffffff1a;color:#0b0f19;color:var(--bg-dark);font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button:hover{animation:none;box-shadow:0 0 20px #fff6;transform:translateY(-2px)}.btn-secondary{background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--glass-border);color:#fff}.btn-secondary:hover{background:#ffffff1a}.mock-dashboard-container{animation:fadeInUp 1s ease-out .6s forwards,floatDashboard 6s ease-in-out 1.6s infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12141cb3;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:1.5rem;box-shadow:0 50px 100px -20px #00000080;max-width:1000px;opacity:0;overflow:hidden;padding:2rem;perspective:1000px;position:relative;transform-style:preserve-3d;transition:transform .3s ease,box-shadow .3s ease;width:90%}.mock-dashboard-container:hover{box-shadow:20px 60px 120px -20px #0009,0 0 30px #3b82f633;transform:translateY(-15px) rotateX(2deg) rotateY(-2deg)}.mock-header{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.mock-stat-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.mock-card{background:#ffffff08;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:1rem;padding:1.5rem}.mock-card h3{color:#9ca3af;color:var(--text-muted);font-size:.875rem;margin:0 0 .5rem}.mock-card .value{color:#fff;font-size:1.75rem;font-weight:700}.mock-card .trend{color:#10b981;display:inline-block;font-size:.875rem;margin-top:.5rem}.features-section{padding:5rem 5%}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.feature-card{animation:fadeInUp .8s ease-out forwards;background:#ffffff08;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:1.5rem;opacity:0;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.feature-card:first-child{animation-delay:.2s}.feature-card:nth-child(2){animation-delay:.4s}.feature-card:nth-child(3){animation-delay:.6s}.feature-card:hover{background:#ffffff12;background:var(--bg-card-hover);border-color:#fff3;box-shadow:0 10px 40px -10px #3b82f64d;transform:translateY(-5px)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-icon{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--primary-accent),var(--secondary-accent));-webkit-background-clip:text;background-clip:text;color:#0000;display:inline-block;font-size:2rem;margin-bottom:1.5rem;transition:transform .3s ease}.feature-title{color:#fff;font-size:1.25rem;margin-bottom:.75rem}.feature-description{color:#9ca3af;color:var(--text-muted);font-size:.95rem;line-height:1.6}.demo-section{background:linear-gradient(180deg,#0b0f19,#3b82f60d 50%,#0b0f19);background:linear-gradient(180deg,var(--bg-dark) 0,#3b82f60d 50%,var(--bg-dark) 100%);padding:6rem 5%}.demo-container{margin:0 auto;max-width:1000px;text-align:center}.section-subtitle{color:#9ca3af;color:var(--text-muted);font-size:1.125rem;margin:0 auto 4rem;max-width:600px}.demo-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.demo-card,.demo-grid>div{height:100%}.demo-card{background:#ffffff08;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:1.5rem;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s ease}.demo-card:hover{border-color:#fff3;transform:translateY(-5px)}.demo-image{display:block;filter:grayscale(20%);max-height:250px;object-fit:cover;object-position:top;opacity:.85;transition:all .5s ease;width:100%}.demo-card:hover .demo-image{filter:grayscale(0);opacity:1;transform:scale(1.02)}.demo-caption{padding:2rem;text-align:left}.demo-caption h3{color:#fff;font-size:1.25rem;margin:0 0 .5rem}.demo-caption p{color:#9ca3af;color:var(--text-muted);font-size:.95rem;margin:0}.security-section{background:#0b0f19;background:var(--bg-dark);padding:6rem 5%;position:relative}.section-header{margin-bottom:4rem;text-align:center}.security-badge{align-items:center;background:#ffffff0d;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:2rem;color:#8b5cf6;color:var(--secondary-accent);display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem}.shield-icon{font-size:1rem}.security-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:0 auto;max-width:1100px}.security-grid>div{height:100%}.security-card{background:linear-gradient(145deg,#ffffff08,#ffffff03);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:1.5rem;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.security-card:hover{border-color:#3b82f6;border-color:var(--primary-accent);box-shadow:0 10px 30px -10px #3b82f633;transform:translateY(-5px)}.card-icon-box{align-items:center;background:#3b82f61a;border-radius:.75rem;display:flex;height:3rem;justify-content:center;margin-bottom:1.5rem;width:3rem}.card-icon{font-size:1.5rem}.security-card h3{color:#fff;font-size:1.25rem;margin-bottom:1rem}.security-card p{color:#9ca3af;color:var(--text-muted);font-size:.95rem;line-height:1.6}@media (max-width:768px){.security-grid{grid-template-columns:1fr}}.testimonials-section{background:linear-gradient(180deg,#0b0f19,#3b82f60d);background:linear-gradient(180deg,var(--bg-dark) 0,#3b82f60d 100%);padding:6rem 5%;text-align:center}.testimonial-slider{margin:0 auto;max-width:800px;position:relative}.testimonial-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:2rem;box-shadow:0 20px 40px -10px #0000004d;display:flex;flex-direction:column;justify-content:center;margin-bottom:2rem;min-height:350px;padding:4rem 3rem;position:relative;transition:all .3s ease}.testimonial-quote{color:#f3f4f6;color:var(--text-main);font-size:1.25rem;font-style:italic;line-height:1.6;margin-bottom:2.5rem;max-width:600px}.testimonial-profile{align-items:center;display:flex;gap:1rem;justify-content:center}.testimonial-avatar{border:2px solid #3b82f6;border:2px solid var(--primary-accent);border-radius:50%;height:60px;object-fit:cover;width:60px}.testimonial-info{text-align:center}.testimonial-info h4{color:#fff;font-size:1.1rem;margin:0}.testimonial-info span{color:#9ca3af;color:var(--text-muted);font-size:.9rem}.slider-controls{gap:1rem}.nav-arrow,.slider-controls{display:flex;justify-content:center}.nav-arrow{align-items:center;background:#ffffff08;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:50%;color:#3b82f6;color:var(--primary-accent);cursor:pointer;font-size:1.2rem;height:50px;transition:all .2s;width:50px}.nav-arrow:hover{background:#3b82f6;background:var(--primary-accent);color:#fff;transform:scale(1.1)}.get-started-section{overflow:hidden;padding:6rem 5%;position:relative}.timeline-container{display:flex;justify-content:space-between;margin:4rem auto 0;max-width:1000px;padding:2rem 0;position:relative}.timeline-line{background:linear-gradient(90deg,#3b82f6,#8b5cf6);background:linear-gradient(to right,var(--primary-accent),var(--secondary-accent));box-shadow:0 0 10px #3b82f680;box-shadow:0 0 10px var(--glow-primary);height:2px;left:10%;opacity:1;position:absolute;top:45px;width:0;z-index:0}.scroll-reveal.is-visible .timeline-line{animation:growLine 3s linear forwards}@keyframes growLine{0%{width:0}to{width:80%}}.timeline-step{align-items:center;display:flex;flex:1 1;flex-direction:column;opacity:0;padding:0 1rem;position:relative;transform:translateY(20px);z-index:1}.scroll-reveal.is-visible .timeline-step:nth-child(2){animation:fadeInUp .5s ease 0s forwards}.scroll-reveal.is-visible .timeline-step:nth-child(3){animation:fadeInUp .5s ease 1.5s forwards}.scroll-reveal.is-visible .timeline-step:nth-child(4){animation:fadeInUp .5s ease 3s forwards}.step-number{align-items:center;background:#3b82f6;background:var(--primary-accent);border:4px solid #0b0f19;border:4px solid var(--bg-dark);border-radius:50%;box-shadow:0 0 20px #3b82f680;box-shadow:0 0 20px var(--glow-primary);color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:50px;justify-content:center;margin-bottom:2rem;width:50px}.timeline-step:nth-child(3) .step-number{background:#8b5cf6;background:var(--secondary-accent);box-shadow:0 0 20px #8b5cf680;box-shadow:0 0 20px var(--glow-secondary)}.step-card{background:#ffffff08;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:1.5rem;display:flex;flex-direction:column;justify-content:center;min-height:180px;padding:2rem;text-align:center;transition:transform .3s ease}.timeline-step:hover .step-card{border-color:#fff3;transform:translateY(-5px)}.step-card h3{color:#fff;font-size:1.1rem;margin:0 0 1rem}.step-card p{color:#9ca3af;color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.timeline-container{flex-direction:column;gap:3rem}.timeline-line{bottom:0;height:100%;left:25px;right:auto;top:0;width:2px}.timeline-step{align-items:flex-start;flex-direction:row;gap:1.5rem;text-align:left}.step-number{flex-shrink:0;margin-bottom:0}.step-card{min-height:auto;text-align:left;width:100%}}.cta-section{margin-bottom:0;padding:4rem 5%;position:relative}.cta-container{align-items:center;background:linear-gradient(135deg,#4f46e5,#3b82f6);border-radius:2rem;box-shadow:0 20px 50px -10px #3b82f666;display:flex;justify-content:space-between;overflow:hidden;padding:5rem 5%;position:relative}.cta-content{max-width:600px;position:relative;z-index:2}.cta-title{color:#fff;font-size:2.5rem;line-height:1.2;margin:1.5rem 0}.cta-subtitle{color:#ffffffe6;font-size:1.1rem;line-height:1.6;max-width:450px}.cta-form-container{max-width:500px;position:relative;width:100%;z-index:2}.cta-form{display:flex;gap:1rem}.cta-input{background:#fff;border:1px solid #ffffff4d;border-radius:1rem;color:#333;flex:1 1;font-size:1rem;outline:none;padding:1rem 1.5rem}.cta-submit-btn{background:#fff;border:none;border-radius:1rem;color:#3b82f6;color:var(--primary-accent);cursor:pointer;font-weight:600;padding:1rem 2rem;transition:transform .2s}.cta-submit-btn:hover{transform:scale(1.05)}.cta-shape{background:#ffffff1a;border-radius:50%;position:absolute;z-index:1}.cta-shape.shape-1{height:400px;right:-50px;top:-100px;width:400px}.cta-shape.shape-2{bottom:-100px;height:300px;left:-50px;width:300px}@media (max-width:900px){.cta-container{gap:3rem;padding:3rem 2rem;text-align:center}.cta-container,.cta-content,.cta-form{flex-direction:column}.cta-content{align-items:center;display:flex}}.main-footer{background:#0b0f19;background:var(--bg-dark);border-top:1px solid #ffffff14;border-top:1px solid var(--glass-border);padding:5rem 5% 2rem}.footer-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr 1fr 1fr;margin-bottom:5rem;margin-left:auto;margin-right:auto;max-width:1200px}.footer-desc{color:#9ca3af;color:var(--text-muted);font-size:.95rem;line-height:1.6;max-width:300px}.footer-link-col{display:flex;flex-direction:column;gap:1rem}.footer-link-col h4{color:#fff;font-size:1.1rem;margin:0 0 .5rem}.footer-link-col a{color:#9ca3af;color:var(--text-muted);font-size:.95rem;text-decoration:none;transition:color .2s}.footer-link-col a:hover{color:#3b82f6;color:var(--primary-accent)}.footer-bottom{align-items:center;border-top:1px solid #ffffff14;border-top:1px solid var(--glass-border);color:#9ca3af;color:var(--text-muted);display:flex;font-size:.9rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding-top:2rem}.footer-legal{display:flex;gap:2rem}.footer-legal a{color:#9ca3af;color:var(--text-muted);text-decoration:none}.footer-legal a:hover{color:#fff}@media (max-width:900px){.footer-grid{gap:2.5rem;grid-template-columns:1fr;text-align:center}.footer-bottom{flex-direction:column;gap:1.5rem}.footer-brand-col{align-items:center;display:flex;flex-direction:column}}.faq-section{background:#0b0f19;background:var(--bg-dark);padding:6rem 5%}.faq-container{grid-gap:4rem;align-items:start;display:grid;gap:4rem;grid-template-columns:1fr 1.5fr;margin:0 auto;max-width:1200px}.faq-subtitle{color:#9ca3af;color:var(--text-muted);line-height:1.6;margin-bottom:2rem;max-width:400px}.accordion-item{background:#ffffff08;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:1rem;cursor:pointer;margin-bottom:1rem;overflow:hidden;transition:all .3s ease}.accordion-item.active{background:linear-gradient(145deg,#ffffff14,#ffffff05);border-color:#3b82f6;border-color:var(--primary-accent);box-shadow:0 4px 20px #0003}.accordion-item:hover{border-color:#ffffff4d}.accordion-header{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 2rem}.accordion-item.active .accordion-header h3{color:#3b82f6;color:var(--primary-accent);text-shadow:0 0 10px #3b82f680;text-shadow:0 0 10px var(--glow-primary)}.accordion-header h3{color:#fff;font-size:1.1rem;font-weight:500;margin:0}.accordion-icon{color:#3b82f6;color:var(--primary-accent);font-size:1.2rem;transition:transform .3s ease}.accordion-item.active .accordion-icon{transform:rotate(45deg)}.accordion-content{max-height:0;overflow:hidden;padding:0 2rem;transition:max-height .3s ease-out,padding .3s ease}.accordion-item.active .accordion-content{max-height:200px;padding-bottom:1.5rem}.accordion-content p{color:#9ca3af;color:var(--text-muted);font-size:.95rem;line-height:1.6;margin:0}@media (max-width:900px){.faq-container{gap:3rem;grid-template-columns:1fr}}.section-title{background:linear-gradient(90deg,#fff,#9ca3af);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:2.5rem;font-weight:700;margin-bottom:1rem;text-align:center}@media (max-width:768px){.hero-title{font-size:2.5rem}.demo-grid,.mock-stat-grid{grid-template-columns:1fr}}.career-page{align-items:center;background-color:#0b0f19;background-color:var(--bg-dark);color:#f3f4f6;color:var(--text-main);display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.orb-1{height:400px;left:-100px;top:-100px;width:400px}.orb-2{bottom:0;height:300px;width:300px}@keyframes float{0%{transform:translate(0)}50%{transform:translate(30px,30px)}to{transform:translate(0)}}.career-container{max-width:600px;position:relative;text-align:center;width:100%;z-index:10}.career-title{background:linear-gradient(90deg,#fff,#9ca3af);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3rem;font-weight:800;margin-bottom:2rem}.career-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:1.5rem;box-shadow:0 20px 50px -10px #00000080;padding:3rem}.icon-wrapper{align-items:center;background:#3b82f61a;border-radius:50%;display:flex;height:60px;justify-content:center;margin:0 auto 1.5rem;width:60px}.career-card h2,.info-icon{font-size:1.5rem}.career-card h2{color:#fff;margin:0 0 1rem}.career-message{color:#f3f4f6;color:var(--text-main);font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.career-submessage{color:#9ca3af;color:var(--text-muted);font-size:.95rem;margin-bottom:2.5rem}.back-home-btn{padding:.8rem 2rem}.back-home-btn:hover{box-shadow:0 4px 15px #3b82f666}.about-page{background-color:#0b0f19;background-color:var(--bg-dark);color:#f3f4f6;color:var(--text-main);font-family:Inter,sans-serif;min-height:100vh;overflow:hidden;padding:4rem 2rem;position:relative}.about-container{margin:0 auto;max-width:1000px;position:relative;z-index:10}.about-title{background:linear-gradient(90deg,#fff,#9ca3af);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:4rem;text-align:center}.about-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12141c99;border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:2rem;padding:4rem}.section-label{color:#3b82f6;color:var(--primary-accent);display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.mission-section{margin:0 auto 5rem;max-width:700px;text-align:center}.mission-section p{color:#f3f4f6;color:var(--text-main);font-size:1.5rem;font-weight:500;line-height:1.6}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:4rem}.value-card{background:#ffffff08;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:1.5rem;padding:2rem;transition:transform .3s ease}.value-card:hover{border-color:#fff3;transform:translateY(-5px)}.value-card h3{color:#fff;font-size:1.25rem;margin-bottom:1rem}.value-card p{color:#9ca3af;color:var(--text-muted);line-height:1.6}.about-actions{text-align:center}.back-home-btn{background:linear-gradient(90deg,#3b82f6,#8b5cf6);background:linear-gradient(90deg,var(--primary-accent),var(--secondary-accent));border-radius:2rem;color:#fff;display:inline-block;font-weight:600;padding:1rem 2.5rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.back-home-btn:hover{box-shadow:0 4px 20px #3b82f666;transform:translateY(-2px)}@media (max-width:768px){.about-title{font-size:2.5rem}.about-content{padding:2rem}.mission-section p{font-size:1.1rem}}:root{--bg-dark:#0b0f19;--bg-card:#ffffff08;--primary-accent:#3b82f6;--secondary-accent:#8b5cf6;--text-main:#f3f4f6;--text-muted:#9ca3af;--glass-border:#ffffff14;--glow-primary:#3b82f680;--glow-secondary:#8b5cf680}.pricing-page{background-color:#0b0f19;background-color:var(--bg-dark);color:#f3f4f6;color:var(--text-main);font-family:Inter,sans-serif;min-height:100vh;overflow:hidden;padding:4rem 2rem;position:relative}.glow-orb{border-radius:50%;filter:blur(100px);opacity:.6;position:absolute;z-index:0}.orb-1{animation:float 10s ease-in-out infinite;background:#3b82f680;background:var(--glow-primary);height:500px;left:-150px;top:-150px;width:500px}.orb-2{animation:float 12s ease-in-out infinite reverse;background:#8b5cf680;background:var(--glow-secondary);bottom:-50px;height:400px;right:-50px;width:400px}.pricing-container{margin:0 auto;max-width:1000px;position:relative;text-align:center;z-index:10}.pricing-title{background:linear-gradient(90deg,#fff,#9ca3af);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:3.5rem;font-weight:800;margin-bottom:1rem}.pricing-subtitle{color:#9ca3af;color:var(--text-muted);font-size:1.1rem;margin-bottom:4rem}.pricing-grid{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.pricing-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;background:var(--bg-card);border:1px solid #ffffff14;border:1px solid var(--glass-border);border-radius:2rem;padding:2.5rem;position:relative;text-align:left;transition:transform .3s ease}.pricing-card.popular{background:linear-gradient(145deg,#3b82f60d,#ffffff05);border-color:#3b82f6;border-color:var(--primary-accent);box-shadow:0 0 30px #3b82f626;transform:scale(1.05)}.pricing-card:hover{transform:translateY(-10px)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-10px)}.popular-badge{background:#3b82f6;background:var(--primary-accent);border-radius:2rem;box-shadow:0 4px 10px #3b82f666;color:#fff;font-size:.9rem;font-weight:600;left:50%;padding:.5rem 1.5rem;position:absolute;top:-15px;transform:translateX(-50%)}.plan-name{color:#fff;font-size:1.5rem;margin:0 0 1rem}.price-tag{align-items:baseline;display:flex;gap:.2rem;margin-bottom:1.5rem}.currency{color:#9ca3af;color:var(--text-muted);font-size:1.5rem}.amount{color:#fff;font-size:3.5rem;font-weight:800;line-height:1}.period{font-size:1rem}.period,.plan-desc{color:#9ca3af;color:var(--text-muted)}.plan-desc{font-size:.95rem;line-height:1.5;margin-bottom:2rem}.feature-list{list-style:none;margin:0 0 2.5rem;padding:0}.feature-list li{align-items:center;color:#f3f4f6;color:var(--text-main);display:flex;font-size:.95rem;gap:.5rem;margin-bottom:1rem}.plan-btn{background:#ffffff1a;border-radius:1rem;color:#fff;display:block;font-weight:600;padding:1rem;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.btn-primary{background:#3b82f6;background:var(--primary-accent);box-shadow:0 4px 15px #3b82f64d}.plan-btn:hover{background:#fff;color:#0b0f19;color:var(--bg-dark);transform:translateY(-2px)}.btn-primary:hover{background:#fff;box-shadow:0 0 20px #3b82f680;color:#3b82f6;color:var(--primary-accent)}.back-home-link{color:#9ca3af;color:var(--text-muted);font-size:.95rem;text-decoration:none;transition:color .2s}.back-home-link:hover{color:#fff}@media (max-width:768px){.pricing-title{font-size:2.5rem}.pricing-card.popular{transform:scale(1)}.pricing-card.popular:hover{transform:translateY(-5px)}}
/*# sourceMappingURL=main.09a5f2ea.css.map*/