@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#0f172a;font-family:Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:min(1200px,92%);margin:auto}.navbar{z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172acc;border-bottom:1px solid #ffffff14;width:100%;position:fixed;top:0}.nav-content{justify-content:space-between;align-items:center;height:80px;display:flex}.logo{letter-spacing:-1px;font-size:26px;font-weight:900}.logo span{color:#38bdf8;letter-spacing:3px;font-size:14px;display:block}nav{align-items:center;gap:28px;display:flex}nav a{color:#cbd5e1;font-size:14px;font-weight:700;transition:all .3s}nav a:hover{color:#38bdf8}.nav-btn{background:linear-gradient(135deg,#38bdf8,#a855f7);border-radius:999px;padding:12px 22px;color:#fff!important}.hero{background:radial-gradient(circle at 15% 20%,#38bdf847,#0000 30%),radial-gradient(circle at 85% 30%,#a855f740,#0000 30%),radial-gradient(circle at 50% 100%,#22c55e24,#0000 35%),#0f172a;align-items:center;min-height:100vh;padding-top:80px;display:flex}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.label,.section-label{color:#38bdf8;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px;font-size:13px;font-weight:800}.hero h1{letter-spacing:-3px;margin-bottom:25px;font-size:70px;font-weight:900;line-height:1}.hero-text p{color:#cbd5e1;font-size:18px;line-height:1.9}.hero-buttons{gap:15px;margin-top:35px;display:flex}.btn{border-radius:999px;padding:15px 28px;font-weight:900;transition:all .35s;display:inline-block}.primary{color:#fff;background:linear-gradient(135deg,#38bdf8,#a855f7);box-shadow:0 20px 40px #38bdf838}.primary:hover{transform:translateY(-4px)scale(1.03)}.secondary{color:#fff;border:1px solid #ffffff38}.secondary:hover{background:#ffffff14;transform:translateY(-4px)}.hero-graphic{height:560px;position:relative}.graphic-card{border-radius:32px;width:310px;height:230px;animation:5s ease-in-out infinite float;position:absolute;overflow:hidden;box-shadow:0 35px 90px #00000073}.graphic-card img{object-fit:cover;width:100%;height:100%;transition:all .5s}.graphic-card:hover img{transform:scale(1.12)}.graphic-overlay{background:linear-gradient(#0000,#000000bf);align-items:flex-end;padding:25px;display:flex;position:absolute;inset:0}.graphic-overlay span{font-size:27px;font-weight:900}.card-two .graphic-overlay{z-index:20}.card-two .graphic-overlay span{z-index:30;position:relative}.card-one{z-index:3;top:10px;left:20px}.card-two{z-index:10;top:145px;right:0}.card-three{z-index:2;bottom:20px;left:40px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.section{padding:120px 0}.section h2{letter-spacing:-2px;font-size:52px;font-weight:900}.about-grid{grid-template-columns:.8fr 1.2fr;gap:70px;display:grid}.about-grid p{color:#cbd5e1;font-size:17px;line-height:1.9}.skills{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.skills span{color:#bae6fd;background:#38bdf81a;border:1px solid #38bdf840;border-radius:999px;padding:10px 16px;font-weight:800}.dark-section{background:#020617}.center-heading{text-align:center;margin-bottom:60px}.service-grid{grid-template-columns:repeat(4,1fr);gap:25px;display:grid}.service-card{background:#ffffff0e;border:1px solid #ffffff14;border-radius:30px;padding:35px;transition:all .35s}.service-card:hover{border-color:#38bdf859;transform:translateY(-12px);box-shadow:0 25px 70px #38bdf81a}.icon{margin-bottom:20px;font-size:42px}.service-card h3{margin-bottom:15px;font-size:21px}.service-card p{color:#cbd5e1;line-height:1.8}.works-gallery{column-count:4;column-gap:25px}.gallery-item{break-inside:avoid;background:#020617;border-radius:32px;margin-bottom:25px;transition:all .35s;position:relative;overflow:hidden;box-shadow:0 25px 70px #00000059}.gallery-item:hover{transform:translateY(-10px)}.gallery-item img{border-radius:32px;width:100%;height:auto;display:block}.gallery-item:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0206170d,#020617e6);position:absolute;inset:0}#lightbox{z-index:99999;cursor:pointer;background:#000000f2;justify-content:center;align-items:center;display:none;position:fixed;inset:0}#lightbox img{object-fit:contain;max-width:95%;max-height:95%}.work-overlay{z-index:2;padding:30px;position:absolute;bottom:0;left:0;right:0}.work-overlay p{color:#bae6fd;text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:800}.work-overlay h3{font-size:24px}.stats-section{background:#020617}.stats-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.stats-grid div{text-align:center;background:#ffffff0e;border:1px solid #ffffff14;border-radius:30px;padding:42px;transition:all .35s}.stats-grid div:hover{border-color:#38bdf859;transform:translateY(-10px)}.stats-grid h2{color:#38bdf8;margin-bottom:12px}.stats-grid p{color:#cbd5e1}.contact-section{background:radial-gradient(circle,#38bdf826,#0000 40%),#0f172a}.contact-box{text-align:center;max-width:900px;margin:auto}.contact-description{color:#cbd5e1;max-width:650px;margin:20px auto 50px;font-size:17px;line-height:1.8}.contact-details{grid-template-columns:repeat(3,1fr);gap:25px;margin-top:40px;display:grid}.contact-item{background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;padding:30px;transition:all .35s}.contact-item:hover{border-color:#38bdf859;transform:translateY(-8px);box-shadow:0 20px 50px #38bdf81f}.contact-icon{margin-bottom:15px;font-size:38px}.contact-item h4{color:#fff;margin-bottom:8px;font-size:18px}.contact-item p,.contact-item a{color:#cbd5e1;text-decoration:none}.contact-item a:hover{color:#38bdf8}footer{text-align:center;color:#94a3b8;background:#020617;border-top:1px solid #ffffff14;padding:30px}.reveal{animation:.9s both revealUp}@keyframes revealUp{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@media (width<=992px){.hero-grid,.about-grid,.service-grid,.stats-grid{grid-template-columns:1fr}.works-gallery{column-count:2}.hero{text-align:center;padding:130px 0 80px}.hero h1{font-size:52px}.hero-buttons{justify-content:center}.hero-graphic,nav{display:none}.section h2{font-size:40px}.contact-details{grid-template-columns:1fr}}@media (width<=576px){.logo{font-size:20px}.hero h1{font-size:40px}.hero-text p{font-size:16px}.hero-buttons{flex-direction:column}.section{padding:80px 0}.section h2{font-size:32px}.container{width:94%}.works-gallery{column-count:1}.work-overlay{padding:22px}.work-overlay h3{font-size:20px}}