*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;background:#030813;color:#fff;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 76% 12%,rgba(255,193,54,.25),transparent 30%),radial-gradient(circle at 12% 78%,rgba(0,124,255,.14),transparent 30%),linear-gradient(135deg,#030813,#081424 45%,#02050b);z-index:-3}body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 85%);z-index:-2}.loader{position:fixed;inset:0;background:#030813;z-index:9999;display:grid;place-items:center;transition:.6s}.loader.hide{opacity:0;visibility:hidden}.loader-mark{width:115px;height:115px;border-radius:50%;display:grid;place-items:center;color:#ffc232;font-weight:1000;border:2px solid #ffc232;box-shadow:0 0 50px rgba(255,194,50,.45);animation:pulse 1.3s infinite}.bg-orbs span{position:fixed;border-radius:50%;filter:blur(8px);opacity:.45;pointer-events:none;z-index:-1}.bg-orbs span:nth-child(1){width:260px;height:260px;right:-80px;top:130px;background:rgba(255,194,50,.12)}.bg-orbs span:nth-child(2){width:190px;height:190px;left:-70px;bottom:180px;background:rgba(0,115,255,.1)}.bg-orbs span:nth-child(3){width:120px;height:120px;left:45%;top:55%;background:rgba(255,194,50,.08)}@keyframes pulse{50%{transform:scale(1.08);box-shadow:0 0 80px rgba(255,194,50,.65)}}.topbar{position:sticky;top:0;z-index:99;display:flex;align-items:center;justify-content:space-between;padding:13px 5.5%;background:rgba(3,8,19,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,194,50,.22)}.brand{display:flex;gap:12px;align-items:center;color:white;text-decoration:none;font-weight:900;letter-spacing:4px}.brand b{color:#ffc232}.brand-icon{font-size:36px;color:#ffc232;filter:drop-shadow(0 0 14px rgba(255,194,50,.5))}nav{display:flex;gap:26px}nav a{color:#e8eef9;text-decoration:none;font-weight:800;position:relative}nav a:after{content:"";position:absolute;left:0;bottom:-10px;width:0;height:3px;background:#ffc232;border-radius:9px;transition:.25s}nav a:hover,nav a.active{color:#ffc232}nav a:hover:after,nav a.active:after{width:100%}.menu-btn{display:none;background:transparent;color:#ffc232;border:1px solid rgba(255,194,50,.4);padding:8px 12px;border-radius:10px;font-size:20px}.nav-btn{border:1px solid #ffc232;color:#ffc232;text-decoration:none;padding:12px 22px;border-radius:12px;font-weight:900}.hero{min-height:92vh;position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center;padding:58px 8% 36px}.hero-icons{position:absolute;left:4%;top:22%;display:grid;gap:28px}.hero-icons span{width:72px;height:72px;display:grid;place-items:center;border:1px solid rgba(255,194,50,.28);border-radius:18px;color:#ffc232;font-size:28px;font-weight:1000;background:rgba(255,255,255,.04);transform:rotate(-9deg);box-shadow:0 18px 45px rgba(0,0,0,.25)}.hero-icons span:nth-child(1){color:#2d95ff;border-color:rgba(45,149,255,.35)}.hero-icons span:nth-child(2){color:#ff8f2d;border-color:rgba(255,143,45,.35)}.eyebrow{color:#ffc232;text-transform:uppercase;font-weight:1000;letter-spacing:2px}.hero h1{font-size:clamp(44px,7vw,92px);line-height:.96;margin:16px 0;font-weight:1000;text-shadow:0 12px 45px rgba(0,0,0,.45)}.hero h1 span,.section-head span,.order-box span,.contact-card span,.about-card span{color:#ffc232}.hero h2{font-size:clamp(25px,3vw,42px);line-height:1.16}.hero h2 span{color:#ffc232}.lead{max-width:600px;margin:18px 0 28px;color:#cdd8e8;font-size:18px;line-height:1.75}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:15px 26px;border-radius:13px;font-weight:1000;margin:6px 8px 6px 0;border:0;cursor:pointer}.primary{background:linear-gradient(135deg,#ffc232,#ffe08a);color:#07101f;box-shadow:0 18px 45px rgba(255,194,50,.25)}.ghost{border:1px solid rgba(255,194,50,.55);color:white;background:rgba(255,255,255,.03)}.small{font-size:14px;padding:12px 16px}.whatsapp{background:linear-gradient(135deg,#14b957,#34ee7a);color:white;font-size:18px;box-shadow:0 15px 45px rgba(23,198,91,.35)}.hero-photo{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:570px}.hero-photo img{position:relative;z-index:2;max-height:650px;max-width:92%;object-fit:cover;filter:drop-shadow(0 32px 72px rgba(0,0,0,.82));border-radius:0 0 36px 36px}.glow-ring{position:absolute;width:492px;height:492px;border:5px solid #ffc232;border-radius:50%;box-shadow:0 0 38px #ffc232,inset 0 0 38px rgba(255,194,50,.34);top:32px;animation:spinGlow 8s linear infinite}@keyframes spinGlow{50%{transform:scale(1.035)}}.title-badge{position:absolute;z-index:4;bottom:45px;background:rgba(3,8,19,.78);border:1px solid rgba(255,194,50,.42);padding:17px 34px;border-radius:18px;text-align:center;color:#fff;font-size:20px;font-weight:800;box-shadow:0 16px 45px rgba(0,0,0,.5)}.title-badge strong{display:block;color:#ffc232;font-size:29px;font-family:cursive;font-weight:900}.section{padding:78px 6%}.section-head{text-align:center;margin-bottom:35px}.section-head p{color:#ffc232;font-weight:1000;text-transform:uppercase;letter-spacing:2px}.section-head h2,.about-card h2{font-size:42px}.about-card{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;padding:36px;background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.035));border:1px solid rgba(255,194,50,.25);border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.28)}.about-card p{color:#d1dbec;font-size:18px;line-height:1.7;margin-top:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.stats div{text-align:center;padding:22px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,194,50,.18)}.stats b{display:block;color:#ffc232;font-size:30px}.stats span{display:block;color:#d4deee;margin-top:6px}.services-grid,.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card,.review-card,.order-box,.contact-card,.work-card,.review-form{background:linear-gradient(180deg,rgba(255,255,255,.088),rgba(255,255,255,.035));border:1px solid rgba(255,194,50,.23);border-radius:22px;box-shadow:0 24px 80px rgba(0,0,0,.3)}.service-card{padding:30px;text-align:center;transition:.35s}.service-card:hover,.work-card:hover,.review-card:hover{transform:translateY(-8px);border-color:#ffc232}.service-card div{font-size:42px;color:#ffc232}.service-card h3{margin:14px 0 10px}.service-card p,.review-card p{color:#cbd6e7;line-height:1.6}.order{text-align:center}.order-box{max-width:880px;margin:auto;padding:46px}.order-box h2{font-size:42px;margin:10px 0}.order-box p{color:#d9e1ed;font-size:19px;margin-bottom:22px}.features{display:flex;gap:20px;justify-content:center;margin-top:24px;color:#ffc232;font-weight:800}.filter-row{text-align:center;margin-bottom:30px}.filter{background:rgba(255,255,255,.06);color:white;border:1px solid rgba(255,194,50,.28);border-radius:999px;padding:11px 22px;margin:6px;cursor:pointer;font-weight:900}.filter.active,.filter:hover{background:#ffc232;color:#07101f}.portfolio-title{text-align:left;max-width:1220px;margin:28px auto 18px;color:#ffc232;font-size:30px;border-left:5px solid #ffc232;padding-left:14px}.urdu-heading{margin-top:55px}.portfolio-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.work-card{overflow:hidden;position:relative;transition:.35s}.work-card img{width:100%;height:260px;object-fit:cover;display:block;background:#101827;transition:.45s}.work-card:hover img{transform:scale(1.06)}.work-info{display:flex;justify-content:space-between;gap:12px;padding:16px}.work-info span{color:#ffc232}.review-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:start}.review-grid{grid-template-columns:1fr}.review-card{padding:24px;transition:.35s}.stars{color:#ffc232;font-size:22px;letter-spacing:2px}.review-card h3{margin:12px 0}.review-form{padding:28px}.review-form h3{font-size:28px;color:#ffc232;margin-bottom:16px}.review-form input,.review-form select,.review-form textarea{width:100%;margin:9px 0;padding:14px 15px;border-radius:12px;border:1px solid rgba(255,194,50,.25);background:rgba(0,0,0,.25);color:#fff;outline:0}.review-form textarea{resize:vertical}.review-form input:focus,.review-form select:focus,.review-form textarea:focus{border-color:#ffc232}.form-note{color:#aebbd0;font-size:14px;line-height:1.5}.contact-card{max-width:780px;margin:auto;text-align:center;padding:44px}.contact-card h2{font-size:42px}.contact-card p{font-size:18px;color:#d5dfef;margin:10px}.socials{margin-top:24px}.socials a{display:inline-block;color:#07101f;background:#ffc232;text-decoration:none;font-weight:1000;margin:6px;padding:12px 20px;border-radius:12px}.float-wa{position:fixed;right:22px;bottom:22px;width:62px;height:62px;background:#25d366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:30px;box-shadow:0 20px 50px rgba(37,211,102,.4);z-index:100}.back-top{position:fixed;right:24px;bottom:94px;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,194,50,.5);background:rgba(3,8,19,.84);color:#ffc232;font-size:22px;display:none;z-index:100;cursor:pointer}.back-top.show{display:block}footer{text-align:center;padding:28px;color:#aab6c7;border-top:1px solid rgba(255,255,255,.1)}.reveal{opacity:0;transform:translateY(30px);transition:1s}.reveal.show{opacity:1;transform:none}@media(max-width:1100px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}.hero-icons{display:none}}@media(max-width:980px){.topbar{padding:12px 4%;flex-wrap:wrap}.menu-btn{display:block}nav{order:4;width:100%;display:none;justify-content:center;gap:14px;margin-top:12px;flex-wrap:wrap}nav.open{display:flex}.hero{grid-template-columns:1fr;text-align:center;padding-top:45px}.lead{margin-left:auto;margin-right:auto}.hero-photo{min-height:470px}.glow-ring{width:365px;height:365px}.services-grid,.review-layout,.about-card{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.features,.stats{grid-template-columns:1fr;flex-direction:column}.nav-btn{display:none}}@media(max-width:560px){.hero h1{font-size:43px}.hero-photo img{max-height:430px}.title-badge{bottom:24px;font-size:15px;padding:14px 18px}.title-badge strong{font-size:22px}.portfolio-grid{grid-template-columns:1fr}.work-card img{height:330px}.section{padding:54px 4%}.btn{margin:6px 3px}.brand{letter-spacing:2px;font-size:13px}.section-head h2,.about-card h2,.order-box h2,.contact-card h2{font-size:34px}}


/* Full screen portfolio preview */
.no-scroll{overflow:hidden}
.work-card{cursor:pointer}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:9998;display:none;align-items:center;justify-content:center;padding:70px 80px 50px;backdrop-filter:blur(10px)}
.lightbox.open{display:flex}
.lightbox-content{max-width:min(1100px,92vw);max-height:88vh;text-align:center}
.lightbox-content img{max-width:100%;max-height:78vh;object-fit:contain;border-radius:18px;border:1px solid rgba(255,194,50,.36);box-shadow:0 25px 90px rgba(0,0,0,.75);background:#07101f}
.lightbox-caption{margin-top:14px;color:#ffc232;font-weight:1000;font-size:18px;letter-spacing:.3px}
.lightbox-close,.lightbox-nav{position:fixed;border:1px solid rgba(255,194,50,.55);background:rgba(3,8,19,.78);color:#ffc232;display:grid;place-items:center;cursor:pointer;box-shadow:0 14px 45px rgba(0,0,0,.45)}
.lightbox-close{top:22px;right:25px;width:52px;height:52px;border-radius:50%;font-size:36px;line-height:1}
.lightbox-nav{top:50%;transform:translateY(-50%);width:58px;height:78px;border-radius:18px;font-size:58px;line-height:1}
.lightbox-prev{left:22px}
.lightbox-next{right:22px}
.lightbox-close:hover,.lightbox-nav:hover{background:#ffc232;color:#07101f}
@media(max-width:700px){.lightbox{padding:74px 14px 42px}.lightbox-content img{max-height:72vh}.lightbox-nav{width:44px;height:58px;font-size:44px;border-radius:14px}.lightbox-prev{left:8px}.lightbox-next{right:8px}.lightbox-close{right:12px;top:15px;width:46px;height:46px;font-size:32px}.lightbox-caption{font-size:15px}}