:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-cyan: #00f0ff;--accent-blue: #3b82f6;--accent-gradient: linear-gradient(135deg, var(--accent-cyan), var(--accent-blue));--glass-bg: rgba(15, 23, 42, .7);--glass-border: rgba(255, 255, 255, .1);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--container-width: 1200px;--header-height: 80px}*{margin:0;padding:0;box-sizing:border-box}@keyframes pageLoad{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-progress{position:fixed;top:0;left:0;height:4px;background:var(--accent-gradient);z-index:9999;transform-origin:left;box-shadow:0 0 20px #00f0ff99;animation:pulse-glow 2s ease-in-out infinite}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;animation:pageLoad .8s ease-out}a{text-decoration:none;color:inherit;transition:color .3s ease}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}.section-padding{padding:100px 0}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;color:var(--text-primary)}h1{font-size:clamp(2.5rem,5vw,4.5rem);margin-bottom:1.5rem;background:var(--accent-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 40px rgba(0,240,255,.4);animation:titleGlow 3s ease-in-out infinite,gradient-shift 3s ease infinite;background-size:200% 200%;position:relative}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 10px rgba(0,240,255,.3))}50%{filter:drop-shadow(0 0 30px rgba(0,240,255,.8))}}h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:3rem;text-align:center;position:relative;display:inline-block;width:100%;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h2:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--accent-gradient);border-radius:2px;box-shadow:0 0 20px #00f0ff99;animation:lineExpand 1s ease-out .3s both}@keyframes lineExpand{0%{width:0}to{width:100px}}h3{font-size:1.5rem;margin-bottom:1rem}p{color:var(--text-secondary);font-size:1.1rem}.section-title{position:relative;display:inline-block;left:50%;transform:translate(-50%);margin-bottom:4rem}.section-title:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:4px;background:var(--accent-gradient);border-radius:2px;box-shadow:0 0 10px var(--accent-cyan)}.btn{display:inline-block;padding:14px 36px;border-radius:50px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:none;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.btn-primary{background:var(--accent-gradient);color:var(--bg-primary);box-shadow:0 0 20px #00f0ff4d,0 10px 30px #0000004d;transform-style:preserve-3d}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff80;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.btn-primary:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 0 40px #00f0ff99,0 20px 50px #0006}.btn-primary:active{transform:translateY(-2px) scale(1.02)}.navbar{position:fixed;top:0;left:0;width:100%;height:var(--header-height);background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--glass-border);z-index:1000;display:flex;align-items:center}.navbar-content{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{font-size:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.nav-right{display:flex;align-items:center;gap:20px}.nav-link{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary)}.nav-link:hover{color:var(--accent-cyan)}.nav-link.icon-only svg{width:24px;height:24px}.hero{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:var(--header-height);background:linear-gradient(-45deg,#0f172a,#1e293b,#0f172a,#334155);background-size:400% 400%;animation:gradientFlow 15s ease infinite}@keyframes gradientFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.6}.hero-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,var(--bg-primary) 0%,transparent 50%,var(--bg-primary) 100%)}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px}.hero-subtitle{font-size:1.5rem;margin-bottom:2.5rem;color:var(--text-secondary)}.hero-globe{position:absolute;right:-5%;top:50%;transform:translateY(-50%);width:700px;height:700px;opacity:.08;z-index:0;filter:hue-rotate(180deg) saturate(150%) brightness(1.5);animation:rotateGlobe 120s linear infinite;pointer-events:none;display:none}.hero-globe img{width:100%;height:100%;object-fit:contain}@keyframes rotateGlobe{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.floating-parcels{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.parcel{position:absolute;width:50px;height:50px;opacity:.06;filter:hue-rotate(180deg) saturate(120%)}.parcel-1{top:20%;left:10%;animation:floatParcel1 25s ease-in-out infinite}.parcel-2{top:60%;right:15%;animation:floatParcel2 30s ease-in-out infinite 5s}.parcel-3{bottom:25%;left:20%;animation:floatParcel3 28s ease-in-out infinite 10s}.parcel-4{top:35%;left:30%;animation:floatParcel4 22s ease-in-out infinite 3s}.parcel-5{top:70%;left:50%;animation:floatParcel5 27s ease-in-out infinite 7s}.parcel-6{bottom:40%;right:25%;animation:floatParcel6 24s ease-in-out infinite 12s}@keyframes floatParcel1{0%,to{transform:translate(0) rotate(0);opacity:.06}25%{transform:translate(100px,-80px) rotate(90deg);opacity:.12}50%{transform:translate(50px,-150px) rotate(180deg);opacity:.06}75%{transform:translate(-50px,-80px) rotate(270deg);opacity:.12}}@keyframes floatParcel2{0%,to{transform:translate(0) rotate(0);opacity:.06}33%{transform:translate(-120px,60px) rotate(120deg);opacity:.12}66%{transform:translate(-60px,120px) rotate(240deg);opacity:.08}}@keyframes floatParcel3{0%,to{transform:translate(0) rotate(0);opacity:.06}40%{transform:translate(80px,-100px) rotate(-90deg);opacity:.1}80%{transform:translate(40px,-50px) rotate(-180deg);opacity:.08}}@keyframes floatParcel4{0%,to{transform:translate(0) rotate(0);opacity:.06}30%{transform:translate(-90px,70px) rotate(-60deg);opacity:.11}70%{transform:translate(60px,50px) rotate(-120deg);opacity:.09}}@keyframes floatParcel5{0%,to{transform:translate(0) rotate(0);opacity:.06}35%{transform:translate(110px,-90px) rotate(135deg);opacity:.12}65%{transform:translate(-80px,-60px) rotate(270deg);opacity:.1}}@keyframes floatParcel6{0%,to{transform:translate(0) rotate(0);opacity:.06}45%{transform:translate(-100px,-110px) rotate(-150deg);opacity:.11}85%{transform:translate(-50px,-70px) rotate(-300deg);opacity:.08}}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-text p{font-size:1.2rem;line-height:1.8;margin-bottom:1.5rem}.feature-card{background:var(--bg-secondary);padding:40px;border-radius:20px;border:1px solid var(--glass-border);text-align:center;transition:transform .3s ease;box-shadow:0 10px 30px #0000004d}.feature-card:hover{transform:translateY(-10px);border-color:var(--accent-blue)}.feature-icon{width:120px;height:120px;margin:0 auto 20px;object-fit:contain}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.service-card{background:var(--bg-secondary);padding:40px 20px;border-radius:16px;text-align:center;border:1px solid var(--glass-border);transition:all .3s ease}.service-card:hover{background:var(--bg-tertiary);transform:translateY(-5px);border-color:var(--accent-cyan);box-shadow:0 0 20px #00f0ff1a}.service-icon{font-size:3rem;margin-bottom:1.5rem}.stats{background:linear-gradient(-45deg,#1e293b,#334155,#1e293b,#475569);background-size:400% 400%;animation:gradientFlow 20s ease infinite;position:relative;overflow:hidden}.stats:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,240,255,.05) 0%,transparent 70%);animation:rotate 30s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1000px;margin:0 auto;position:relative;z-index:1}.stat-card{background:var(--bg-secondary);padding:40px 30px;border-radius:20px;text-align:center;border:1px solid var(--glass-border);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(0,240,255,.1) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .6s,height .6s}.stat-card:hover:before{width:300px;height:300px}.stat-card:hover{transform:translateY(-15px) scale(1.05);border-color:var(--accent-cyan);box-shadow:0 20px 60px #00f0ff4d}.stat-number{font-size:3.5rem;font-weight:800;background:var(--accent-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px;line-height:1;position:relative;z-index:1;animation:numberPulse 3s ease-in-out infinite}@keyframes numberPulse{0%,to{filter:drop-shadow(0 0 5px rgba(0,240,255,.3))}50%{filter:drop-shadow(0 0 20px rgba(0,240,255,.7))}}.stat-label{font-size:1.1rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;position:relative;z-index:1}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;perspective:1000px}.category-card{background:var(--bg-secondary);padding:40px 20px;border-radius:16px;text-align:center;border:1px solid var(--glass-border);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;transform-style:preserve-3d;overflow:hidden}.category-card:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(0,240,255,.15) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);transition:transform .5s ease;border-radius:50%}.category-card:hover:after{transform:translate(-50%,-50%) scale(2)}.category-card:hover{background:var(--bg-tertiary);transform:translateY(-10px) rotateX(5deg) rotateY(5deg);border-color:var(--accent-cyan);box-shadow:0 20px 50px #00f0ff40,0 0 30px #00f0ff1a}.category-icon{font-size:3.5rem;margin-bottom:15px;display:block;position:relative;z-index:1;transform:translateZ(20px);transition:transform .3s ease}.category-card:hover .category-icon{transform:translateZ(40px) scale(1.1)}.category-card h3{font-size:1.2rem;color:var(--text-primary);margin:0;position:relative;z-index:1}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.feature-box{background:var(--bg-secondary);padding:40px 30px;border-radius:20px;text-align:center;border:1px solid var(--glass-border);transition:all .3s ease}.feature-box:hover{transform:translateY(-10px);border-color:var(--accent-blue);box-shadow:0 10px 40px #3b82f633}.feature-box-icon{width:100px;height:100px;margin:0 auto 25px;object-fit:contain;filter:drop-shadow(0 0 20px rgba(0,240,255,.3))}.feature-box h3{font-size:1.4rem;margin-bottom:15px;color:var(--text-primary)}.feature-box p{font-size:1rem;line-height:1.6}.payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:900px;margin:0 auto}.payment-card{background:var(--bg-secondary);padding:40px;border-radius:20px;text-align:center;border:1px solid var(--glass-border);position:relative;transition:all .3s ease}.payment-card.recommended{border:2px solid var(--accent-cyan);box-shadow:0 0 30px #00f0ff26;transform:scale(1.05)}.payment-card.recommended:hover{transform:scale(1.08)}.badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:var(--accent-gradient);color:var(--bg-primary);padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:700;text-transform:uppercase;white-space:nowrap}.payment-icon{font-size:4rem;margin-bottom:20px;display:block}.payment-icon.bank-transfer{filter:drop-shadow(0 0 15px rgba(0,240,255,.5))}.payment-icon.paypal{filter:drop-shadow(0 0 15px rgba(59,130,246,.3))}.payment-card h3{font-size:1.6rem;margin-bottom:15px;color:var(--text-primary)}.payment-card p{font-size:1rem;line-height:1.6}.cta-banner{background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);padding:80px 0;text-align:center;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border)}.cta-banner h2{font-size:2rem;max-width:800px;margin:0 auto}.footer{background:var(--bg-primary);padding-top:80px;padding-bottom:40px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-form-wrapper{background:var(--bg-secondary);padding:40px;border-radius:20px;border:1px solid var(--glass-border)}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{width:100%;padding:15px;background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);font-family:var(--font-sans);font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-cyan)}.form-subtitle{color:var(--text-secondary);margin-bottom:25px}.company-info{display:flex;flex-direction:column;justify-content:center;gap:30px}.company-logo-section{margin-bottom:20px}.company-name{font-size:2rem;font-weight:800;color:var(--text-primary);margin-bottom:10px;background:var(--accent-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.company-tagline{font-size:1.1rem;color:var(--text-secondary);font-style:italic}.contact-details{display:flex;flex-direction:column;gap:25px}.contact-item{display:flex;align-items:flex-start;gap:15px}.contact-item svg{flex-shrink:0;margin-top:3px;color:var(--accent-cyan)}.contact-item h4{font-size:.9rem;color:var(--text-secondary);margin-bottom:5px;text-transform:uppercase;letter-spacing:1px}.contact-item a{color:var(--text-primary);font-size:1.1rem;transition:color .3s ease}.contact-item a:hover{color:var(--accent-cyan)}.footer-bottom{margin-top:60px;padding-top:30px;border-top:1px solid var(--glass-border);text-align:center}.footer-bottom p{color:var(--text-secondary);font-size:.95rem}.contact-info{display:flex;flex-direction:column;justify-content:center;gap:40px}.info-item h4{color:var(--accent-cyan);margin-bottom:10px;font-size:1.2rem}.info-item p{font-size:1.2rem;color:var(--text-primary)}.particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.mouse-glow{position:fixed;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(0,240,255,.15) 0%,transparent 70%);pointer-events:none;transform:translate(-50%,-50%);z-index:9999;transition:opacity .3s ease;opacity:.7}.fade-up{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.fade-up.animate-in{opacity:1;transform:translateY(0)}.service-card,.payment-card,.feature-card{transition:all .4s cubic-bezier(.4,0,.2,1);will-change:transform}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00f0ff4d}50%{box-shadow:0 0 40px #00f0ff99}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.service-card{animation:slideInUp .6s ease-out backwards}h1{animation:gradient-shift 3s ease infinite;background-size:200% 200%}.btn-primary{animation:pulse-glow 2s ease-in-out infinite;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover:before{width:300px;height:300px}@media(max-width:768px){h1{font-size:2.5rem}.about-grid,.footer-grid{grid-template-columns:1fr;gap:40px}.payment-card.recommended{transform:scale(1);margin-bottom:20px}.payment-card.recommended:hover{transform:scale(1.02)}.nav-right{display:none}.navbar-content{justify-content:center}}
