@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--navy:#060b26;--navy-light:#0f163b;--orange:#ff7a0d;--orange-dark:#c14e00;--text-light:#f8fafc;--text-muted:#94a3b8;--bg-gradient:linear-gradient(135deg, var(--navy) 0%, #0a1128 100%);--glass-bg:#ffffff08;--glass-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--navy);color:var(--text-light);background-image:radial-gradient(circle at 100% 0,#ff7a0d26,#0000 40%),radial-gradient(circle at 0 100%,#c14e001a,#0000 40%);min-height:100vh;font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.btn-primary{background:linear-gradient(135deg, var(--orange), var(--orange-dark));color:#fff;cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 10px 20px #ff7a0d33}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 25px #ff7a0d4d}.btn-secondary{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-light);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .3s}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff26}.container{max-width:1200px;margin:0 auto;padding:0 24px}h1,h2,h3,h4{line-height:1.2}.text-gradient{background:linear-gradient(135deg, #fff, var(--orange));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.navbar{-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--glass-border);z-index:100;background:#060b26cc;width:100%;padding:15px 0;position:fixed;top:0;left:0}.nav-container{justify-content:space-between;align-items:center;display:flex}.logo{filter:brightness(0)invert();height:80px}.nav-links{align-items:center;gap:30px;display:flex}.nav-links a{color:var(--text-light);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:not(.btn-primary):hover{color:var(--orange)}.hero{padding:180px 0 100px;position:relative}.hero-container{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.badge{color:var(--orange);letter-spacing:.5px;background:#ff7a0d1a;border:1px solid #ff7a0d4d;border-radius:50px;margin-bottom:24px;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-block}.hero-content h1{margin-bottom:24px;font-size:3.5rem;font-weight:800}.hero-content p{color:var(--text-muted);max-width:90%;margin-bottom:40px;font-size:1.1rem}.hero-actions{gap:20px;display:flex}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 30px 60px #0006}.mockup-card{border:1px solid #ffffff1a;height:400px;overflow:hidden}.mockup-header{background:#0003;border-bottom:1px solid #ffffff0d;gap:8px;padding:12px 16px;display:flex}.dot{border-radius:50%;width:10px;height:10px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.mockup-body{height:100%;padding:20px}.dashboard-skeleton{gap:20px;height:100%;display:flex}.skeleton-sidebar{background:#ffffff0d;border-radius:10px;width:80px;height:80%}.skeleton-main{flex-direction:column;flex:1;gap:15px;display:flex}.skeleton-header{background:#ffffff0d;border-radius:10px;height:40px}.skeleton-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.skeleton-box{background:#ff7a0d1a;border:1px solid #ff7a0d33;border-radius:10px;height:80px}.skeleton-list{background:#ffffff0d;border-radius:10px;flex:1;height:120px}.services-section{background:#ffffff05;border-top:1px solid #ffffff08;padding:100px 0}.section-header{text-align:center;margin-bottom:60px}.section-header h2{margin-bottom:16px;font-size:2.5rem;font-weight:700}.section-header p{color:var(--text-muted);font-size:1.1rem}.services-grid{grid-template-columns:repeat(2,1fr);gap:30px;display:grid}.service-card{cursor:default;padding:40px;transition:transform .3s,box-shadow .3s}.service-card:hover{background:#ffffff0d;border-color:#ff7a0d4d;transform:translateY(-5px);box-shadow:0 15px 35px #0000004d}.icon-wrapper{background:linear-gradient(135deg, var(--orange), var(--orange-dark));color:#fff;border-radius:15px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:24px;display:flex;box-shadow:0 10px 20px #ff7a0d33}.service-card h3{margin-bottom:15px;font-size:1.3rem}.service-card p{color:var(--text-muted);line-height:1.7}.products-section{padding:100px 0}.products-flex{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.product-card{border:1px solid var(--glass-border);background:linear-gradient(#ffffff08 0%,#0000 100%);border-radius:20px;transition:all .3s;overflow:hidden}.product-card:hover{border-color:var(--orange)}.product-image{border-bottom:1px solid var(--glass-border);background:#0003;justify-content:center;align-items:center;height:200px;display:flex}.product-icon{color:var(--orange);opacity:.8}.product-info{padding:30px}.product-info h3{margin-bottom:10px;font-size:1.25rem}.product-info p{color:var(--text-muted);font-size:.95rem}.footer{text-align:center;border-top:1px solid #ffffff0d;padding:40px 0}.footer-logo{filter:brightness(0)invert();opacity:.5;height:35px;margin-bottom:15px}.footer p{color:var(--text-muted);font-size:.9rem}@media (width<=992px){.hero-container{text-align:center;grid-template-columns:1fr}.hero-content h1{font-size:2.8rem}.hero-content p{margin:0 auto 30px}.hero-actions{justify-content:center}.services-grid,.products-flex{grid-template-columns:1fr}}
