:root{--primary: #2563eb;--primary-dark: #1e40af;--secondary: #64748b;--light: #f8fafc;--dark: #0a1633;--accent: #3d1385;--cards: #0a1633}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{color:var(--dark);line-height:1.6}.container{max-width:70%;margin:0 auto;padding:0 20px}.site-header{background-color:#111827;position:sticky;top:0;z-index:1000;padding:20px 0;box-shadow:0 2px 10px #0000004d}.nav{display:flex;justify-content:space-between;align-items:center}.logo{font-size:26px;font-weight:700;color:var(--accent);text-decoration:none}.logo span{font-size:26px;font-weight:700;color:#fff;text-decoration:none}.nav-links{list-style:none;display:flex;gap:30px}.nav-links a{color:#f1f5f9;text-decoration:none;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--accent)}.nav-links{display:flex;list-style:none}.nav-links li{margin-left:30px}.nav-links a{text-decoration:none;font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--primary)}.btn{display:inline-block;background-color:var(--primary);color:#fff;padding:10px 20px;border-radius:5px;text-decoration:none;transition:background-color .3s}.btn:hover{background-color:var(--primary-dark)}.hero{background:radial-gradient(circle,var(--primary),var(--accent));color:#fff;padding:100px 0;position:relative;overflow:hidden;text-align:center;height:100vh;display:flex;justify-content:center;align-items:center}#typed-output{display:inline-block;font-size:48px;font-weight:700;color:#fff;white-space:nowrap;border-right:3px solid transparent;padding-right:5px}.typed-cursor{font-size:48px;font-weight:700;color:#fff;animation:blink .7s step-end infinite}@keyframes blink{50%{border-color:transparent}}.hero{background:linear-gradient(to right,var(--primary),var(--accent));color:#fff;padding:100px 0;position:relative;overflow:hidden;text-align:center;height:100vh}.hero h1{font-size:48px;margin-bottom:20px}.hero p{font-size:20px;max-width:700px;margin:0 auto 40px}.hero-buttons{display:flex;justify-content:center;gap:20px;margin-bottom:60px}.hero-buttons a{display:inline-block;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;transition:background-color .3s ease}.hero-buttons a:first-child{background-color:var(--primary);color:#fff}.hero-buttons a:first-child:hover{background-color:var(--primary-dark)}.hero-buttons a.secondary{background-color:transparent;border:2px solid white;color:#fff}.hero-buttons a.secondary:hover{background-color:#ffffff1a}.hero-content{position:relative;z-index:1;color:#fff;padding:20px}#hero-canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}#hero-3d{width:100%;height:100%;display:block}@media (max-width: 768px){.hero h1{font-size:36px}.hero p{font-size:16px}.hero-buttons{flex-direction:column;margin-bottom:40px}.hero-buttons a{font-size:14px;padding:10px 20px}#hero-canvas-container{height:50vh}.hero-content{padding:15px}#hero-3d{height:60vh}}@media (max-width: 576px){.hero h1{font-size:28px}#hero-canvas-container{height:40vh}.hero-content{padding:10px}#hero-3d{height:50vh}}.services{padding:80px 0}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:36px;margin-bottom:15px}.section-header p{color:var(--secondary);max-width:700px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.service-card{background-color:var(--light);border-radius:10px;padding:30px;box-shadow:0 5px 15px #0000000d;transition:transform .3s}.service-card:hover{transform:translateY(-10px)}.service-card h3{font-size:24px;margin-bottom:15px;color:var(--primary)}.service-icon{font-size:48px;margin-bottom:20px;color:var(--primary)}.why-choose-us{padding:80px 0;background-color:var(--light)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:50px}.feature{background-color:#fff;border-radius:10px;padding:30px;box-shadow:0 5px 15px #0000000d;text-align:center;transition:all .3s ease}.feature:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001a}.feature-icon{width:80px;height:80px;line-height:80px;border-radius:50%;background-color:#2563eb1a;color:var(--primary);font-size:36px;margin:0 auto 20px}.feature h3{margin-bottom:15px;color:var(--dark)}.about{padding:80px 0}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.about-text h2{font-size:36px;margin-bottom:20px}.about-image{border-radius:10px;overflow:hidden}.about-image img{width:100%;height:auto;display:block}.portfolio{padding:80px 0;background-color:var(--light)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.portfolio-item{border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000000d;background-color:var(--cards)}.portfolio-item img{width:100%;height:200px;-o-object-fit:cover;object-fit:cover}.portfolio-info{padding:20px}.portfolio-info h3{margin-bottom:10px;color:var(--dark)}.portfolio-info p{color:var(--secondary);margin-bottom:15px}.portfolio-item-dark{background-color:var(--cards);color:#f1f5f9;border-radius:12px;overflow:hidden;box-shadow:0 10px 24px #00000040;transition:transform .3s ease,box-shadow .3s ease}.portfolio-item-dark h3{color:#f1f5f9}.portfolio-item-dark:hover{transform:translateY(-6px);box-shadow:0 16px 32px #00000059}.testimonials{padding:80px 0}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.testimonial-card{background-color:var(--light);border-radius:10px;padding:30px;box-shadow:0 5px 15px #0000000d}.testimonial-text{font-style:italic;margin-bottom:20px}.testimonial-author{display:flex;align-items:center}.testimonial-author img{width:50px;height:50px;border-radius:50%;margin-right:15px}.author-info h4{margin-bottom:5px;color:var(--dark)}.author-info p{color:var(--secondary);font-size:14px}.contact{padding:80px 0;background-color:var(--light)}.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:40px}@media (max-width: 768px){.contact-wrapper{grid-template-columns:1fr}.contact-form{margin-top:20px}}.contact-info{background-color:var(--cards);padding:40px;border-radius:16px;box-shadow:0 10px 30px #0006;color:#f1f5f9}.contact-info h3{font-size:24px;margin-bottom:20px;color:#f1f5f9}.info-box{display:flex;flex-direction:column;gap:30px}@media (min-width: 768px){.info-box{flex-direction:row;justify-content:space-between;align-items:flex-start}}.contact-details{margin-bottom:0}.contact-details p{margin-bottom:15px;display:flex;align-items:center;color:#cbd5e1}.contact-details span{margin-right:10px;color:var(--accent);font-size:18px}.office-hours{min-width:200px}.office-hours h4{color:var(--accent);font-size:18px;margin-bottom:10px}.office-hours p{color:#cbd5e1;font-size:15px;line-height:1.5}.contact-form{background-color:var(--cards);padding:40px;border-radius:16px;box-shadow:0 10px 30px #0006}.contact-form .form-group{margin-bottom:25px}.contact-form label{display:block;margin-bottom:8px;font-weight:500;color:#f1f5f9}.contact-form input,.contact-form textarea{width:100%;padding:12px 15px;font-size:16px;border-radius:8px;background-color:#1e293b;border:1px solid #334155;color:#f1f5f9;transition:border-color .3s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);outline:none;background-color:#1e293b}.contact-form textarea{height:150px}footer{background-color:var(--dark);color:#fff;padding:60px 0 30px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-col h3{font-size:20px;margin-bottom:20px;color:#fff}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:10px}.footer-col ul li a{color:#a3a3a3;text-decoration:none;transition:color .3s}.footer-col ul li a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}@keyframes float{0%{transform:translateY(0) rotateY(-15deg) rotateX(5deg)}50%{transform:translateY(-20px) rotateY(-15deg) rotateX(5deg)}to{transform:translateY(0) rotateY(-15deg) rotateX(5deg)}}@keyframes floatTablet{0%{transform:translateY(0) rotateY(20deg) rotateX(5deg)}50%{transform:translateY(-15px) rotateY(20deg) rotateX(5deg)}to{transform:translateY(0) rotateY(20deg) rotateX(5deg)}}@keyframes floatPhone{0%{transform:translateY(0) rotateY(45deg) rotateX(5deg)}50%{transform:translateY(-10px) rotateY(45deg) rotateX(5deg)}to{transform:translateY(0) rotateY(45deg) rotateX(5deg)}}.laptop{animation:float 6s ease-in-out infinite}.tablet{animation:floatTablet 5s ease-in-out infinite;animation-delay:1s}.phone{animation:floatPhone 4s ease-in-out infinite;animation-delay:2s}@media (max-width: 992px){.hero-content{grid-template-columns:1fr}.hero-devices{height:300px;margin-top:40px}.laptop{left:calc(50% - 150px);top:0}.tablet{left:calc(50% - 50px);top:50px}.phone{left:calc(50% + 50px);top:100px}}@media (max-width: 768px){.about-content,.contact-wrapper{grid-template-columns:1fr}.nav-links{display:none}.hero-devices{height:250px}.laptop{transform:scale(.8) perspective(800px) rotateY(-15deg) rotateX(5deg);left:calc(50% - 120px)}.tablet{transform:scale(.8) perspective(800px) rotateY(20deg) rotateX(5deg);left:calc(50% - 40px)}.phone{transform:scale(.8) perspective(800px) rotateY(45deg) rotateX(5deg);left:calc(50% + 40px)}}@media (max-width: 576px){.hero h1{font-size:32px}.hero-devices{height:200px}.laptop{transform:scale(.6) perspective(800px) rotateY(-15deg) rotateX(5deg);left:calc(50% - 90px)}.tablet{transform:scale(.6) perspective(800px) rotateY(20deg) rotateX(5deg);left:calc(50% - 30px)}.phone{transform:scale(.6) perspective(800px) rotateY(45deg) rotateX(5deg);left:calc(50% + 30px)}}.section-dark{background-color:#1e293b;padding:100px 0}.section-title-light{font-size:40px;text-align:center;color:#fff;margin-bottom:20px;font-weight:700;letter-spacing:.5px;position:relative}.section-title-light:after{content:"";width:80px;height:3px;background:var(--accent);display:block;margin:12px auto 0;border-radius:2px;opacity:.9}.section-subtitle-light{color:#d1d5db;font-size:17px;max-width:700px;margin:0 auto 60px;text-align:center;line-height:1.6}.service-card-dark{background-color:var(--cards);color:#f1f5f9;border-radius:12px;padding:30px;box-shadow:0 10px 30px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.service-card-dark:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000073}.service-card-dark h3{font-size:20px;margin-bottom:12px;color:#fff}.service-card-dark p{color:#cbd5e1;font-size:15px;line-height:1.6}.service-icon{font-size:42px;margin-bottom:20px;color:var(--accent);text-align:center}.feature-dark-card{background-color:var(--cards);color:#f1f5f9;border-radius:12px;padding:30px;text-align:center;box-shadow:0 10px 24px #00000040;transition:transform .3s ease,box-shadow .3s ease}.feature-dark-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #00000059}.feature-dark-card h3{font-size:20px;margin-bottom:12px;color:#fff}.feature-dark-card p{font-size:15px;color:#cbd5e1;line-height:1.6}.feature-icon{font-size:42px;margin-bottom:20px;color:var(--accent);background-color:#7c3aed1a;border-radius:50%;width:80px;height:80px;line-height:80px;margin-left:auto;margin-right:auto}.section-card{background-color:#111827;border-radius:16px;padding:60px 40px;box-shadow:0 10px 30px #0006;transition:transform .4s ease,opacity .4s ease}.fade-popup{opacity:0;transform:scale(.95);animation:popupFade .8s ease forwards;animation-delay:.1s}@keyframes popupFade{to{opacity:1;transform:scale(1)}}.scroll-reveal{opacity:0;transform:scale(.95);transition:opacity .6s ease,transform .6s ease}.scroll-reveal.visible{opacity:1;transform:scale(1)}.section-card p{color:#cbd5e1}.testimonial-card-dark{background-color:var(--cards);border-radius:12px;padding:30px;box-shadow:0 10px 24px #00000040;transition:transform .3s ease,box-shadow .3s ease}.testimonial-card-dark:hover{transform:translateY(-6px);box-shadow:0 16px 32px #0006}.testimonial-card-dark .testimonial-text{font-style:italic;color:#cbd5e1;margin-bottom:20px}.testimonial-card-dark .testimonial-author img{width:50px;height:50px;border-radius:50%;margin-right:15px}.testimonial-card-dark .author-info h4{margin-bottom:5px;color:#fff}.testimonial-card-dark .author-info p{color:#94a3b8;font-size:14px}.testimonial-carousel-wrapper{position:relative;overflow:hidden;margin:0 auto;padding:0 60px}.testimonial-carousel{display:flex;gap:30px;transition:transform .5s ease}.testimonial-card-dark{flex:0 0 calc(33.333% - 20px);background-color:var(--cards);border-radius:12px;padding:30px;box-shadow:0 10px 24px #00000040;transition:transform .3s ease}.testimonial-card-dark:hover{transform:translateY(-6px)}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:var(--accent);color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:20px;cursor:pointer;z-index:2;box-shadow:0 4px 10px #0003}.carousel-arrow:hover{opacity:1}.carousel-arrow.left{left:10px}.carousel-arrow.right{right:10px}@media (max-width: 992px){.testimonial-card-dark{flex:0 0 calc(50% - 15px)}}@media (max-width: 576px){.testimonial-card-dark{flex:0 0 100%}.testimonial-carousel-wrapper{padding:0 30px}.carousel-arrow{width:32px;height:32px;font-size:16px}}@media (max-width: 600px){.container{width:100%;padding:0 10px}.hero h1{font-size:24px;line-height:1.3}.hero p{font-size:14px;padding:0 10px}.hero-buttons{flex-direction:column;gap:10px}.hero-buttons a{font-size:14px;padding:10px 16px;width:100%;text-align:center}#hero-canvas-container,#hero-3d{height:40vh}.hero-content{padding:10px}.nav-links{display:none}.mobile-nav-toggle{display:block;cursor:pointer}.contact-wrapper{grid-template-columns:1fr;gap:20px}.contact-info,.contact-form{padding:20px}.about-content{grid-template-columns:1fr;padding:0 10px}.testimonials,.services,.about,.portfolio,.contact{padding:60px 10px}.footer-content{grid-template-columns:1fr;text-align:center}.laptop,.tablet,.phone{transform:scale(.5) perspective(800px) rotateY(-15deg) rotateX(5deg);left:50%;top:auto}}@media (max-width: 450px){.hero h1{font-size:20px}.hero p{font-size:13px;margin-top:10px}.hero-buttons a{font-size:13px;padding:8px 14px}#hero-canvas-container,#hero-3d{height:35vh}.laptop,.tablet,.phone{transform:scale(.4) perspective(700px) rotateY(-15deg) rotateX(5deg)}.about-content{gap:10px}.contact-info h2,.contact-form h2{font-size:18px}.contact-form input,.contact-form textarea,.contact-form button{font-size:14px;padding:10px}.footer-content h3{font-size:16px}.footer-content p,.footer-content ul li{font-size:13px}}.service-card-dark,.feature-dark-card{width:100%;max-width:100%;padding:20px;margin:10px 0;box-sizing:border-box;display:block;border-radius:8px}.section-container{width:100%;padding:0 16px;box-sizing:border-box}@media (min-width: 601px){.service-card-dark,.feature-dark-card{max-width:600px;margin-left:auto;margin-right:auto}}@media (max-width: 600px){.service-card-dark,.feature-dark-card{font-size:14px;padding:16px}}@media (max-width: 450px){.service-card-dark,.feature-dark-card{font-size:13px;padding:12px}}