:root{--bg:#fbf7ee;--ink:#17130a;--g:#d9b55b;--gd:#8a6516;--glass:#ffffffb8;--bd:#d9b55b73;--sh:0 18px 50px #8a65162e}
html{background:linear-gradient(#fbf7ee,#f3ead3)}body{background:transparent;color:var(--ink)}
body::before{content:"";position:fixed;inset:-10%;z-index:-1;pointer-events:none;background:radial-gradient(40% 35% at 15% 20%,#d9b55b40,transparent),radial-gradient(35% 30% at 85% 75%,#9db4ff33,transparent),radial-gradient(30% 30% at 70% 10%,#ffd9a04d,transparent);animation:mesh 24s ease-in-out infinite alternate}
@keyframes mesh{to{transform:translate(2%,1.5%) scale(1.04)}}
#gl{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.3}main,.ft{position:relative;z-index:1}
body::after{content:"";position:fixed;inset:0;z-index:999;background:#0a0804 url(../img/Disha-Lifespaces-Logo-white-scaled.png) center/200px no-repeat;transition:opacity .5s,visibility .5s;animation:hid 0s 2s forwards}
body.ld::after{opacity:0;visibility:hidden}@keyframes pl{to{filter:drop-shadow(0 0 22px #d9b55b)}}@keyframes hid{to{opacity:0;visibility:hidden}}
.pg{position:fixed;top:0;left:0;height:3px;width:100%;z-index:100;background:linear-gradient(90deg,#b8923a,#f3d98b,#b8923a);transform:scaleX(0);transform-origin:0}
.cur{position:fixed;left:0;top:0;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;pointer-events:none;z-index:2;background:radial-gradient(#d9b55b1f,transparent 65%)}
.hd.solid,.hd.open{background:#0a0804d9;backdrop-filter:blur(16px);box-shadow:0 8px 30px #0003}.sub{background:#0a0804f2;border-radius:12px;border:1px solid #d9b55b44}
.bar>ul>li>a{position:relative}.bar>ul>li>a::after{content:"";position:absolute;left:0;bottom:-4px;height:2px;width:100%;background:var(--g);transform:scaleX(0);transition:.35s}.bar>ul>li>a:hover::after{transform:scaleX(1)}
.hero{perspective:1400px;border-radius:0 0 36px 36px;box-shadow:0 30px 60px #8a651633}.slide{transform:rotateY(var(--hy,0deg)) rotateX(var(--hx,0deg)) scale(1.02);transition:opacity .8s,transform .4s}
.slide.on img{animation:kb 9s ease-out forwards}@keyframes kb{from{transform:scale(1.04)}to{transform:scale(1)}}
.arr{border-radius:50%;background:#0007;backdrop-filter:blur(8px);width:50px;height:50px;padding:0;margin:0 14px;border:1px solid #d9b55b88;transition:.3s}.arr:hover{background:var(--g);box-shadow:0 0 24px #d9b55b88}
.dots .on{width:34px;border-radius:6px}.dots button{transition:.4s}
.sp h2,.card h3,.ab h2,.pc h3{background:linear-gradient(90deg,#8a6516,#d9b55b,#8a6516);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes sh{to{background-position:-200% 0}}
.pc h3{background:linear-gradient(90deg,#f3d98b,#fff,#f3d98b);background-size:200% 100%;-webkit-background-clip:text;background-clip:text}.sp h2{border-right-color:#8a651688}
.intro h2,.ct h1,.legal h1,.tl b,.sv h2{color:var(--ink)}.intro h2{text-shadow:0 4px 0 #d9b55b55,0 14px 28px #8a651640}.who h1{text-shadow:0 6px 24px #000a}
.card,.five>div,.six li,.box,.ct form,.tl .bd,.sv>div,.ab>div{background:var(--glass);backdrop-filter:blur(14px);border:1px solid var(--bd);border-radius:22px;box-shadow:var(--sh);transition:box-shadow .4s,border-color .4s,transform .15s}
.card{overflow:hidden;padding-bottom:22px;display:block;position:relative}.card h3,.card p{padding:0 16px}.card img{transition:transform .6s;margin-bottom:16px}.card:hover img,.pc:hover img{transform:scale(1.04)}.pc img{transition:transform .6s}.pc{border-radius:22px;box-shadow:var(--sh)}
.card::after,.pc::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),#ffffff80,transparent 60%)}.card:hover::after,.pc:hover::before{opacity:1}
.card:hover,.five>div:hover,.six li:hover,.sv>div:hover{border-color:var(--g);box-shadow:0 30px 70px #8a65163d}
.five>div,.six li{padding:24px 14px}.sv>div{padding:34px}.ct form{padding:32px}.ab>div{padding:30px}.ab img{border-radius:22px;box-shadow:var(--sh)}.sv img{border-radius:22px;box-shadow:var(--sh)}
.five img{transition:transform .4s}.five>div:hover img{transform:translateY(-4px)}
.hx{color:#000;transition:transform .4s}.six li:hover .hx{transform:scale(1.08)}
.btn{background:linear-gradient(120deg,#b8923a,#f3d98b,#b8923a);background-size:200%;color:#17130a;font-weight:600;position:relative;overflow:hidden;border-radius:30px;padding:12px 30px;box-shadow:0 8px 24px #b8923a66;transition:background-position .5s,box-shadow .3s}.btn:hover{background:linear-gradient(120deg,#b8923a,#f3d98b,#b8923a) 100% 0/200%;box-shadow:0 12px 34px #b8923a99}
.btn::after{content:"";position:absolute;top:0;left:-80%;width:50%;height:100%;background:linear-gradient(90deg,transparent,#fffa,transparent);transform:skewX(-20deg);opacity:0}.btn:hover::after{opacity:1;animation:sw .9s}@keyframes sw{to{left:150%}}
.mq{-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);padding:20px 0}.mq img{background:#fff;border-radius:18px;padding:16px;width:140px;height:110px;box-shadow:var(--sh);border:1px solid var(--bd);transition:.4s}.mq img:hover{transform:translateY(-4px) scale(1.03)}
.ph{overflow:hidden;border-radius:0 0 36px 36px}.ph img{transform:scale(1.15)}.who{background:linear-gradient(#0a080499,#0a080499),url(../img/About-us-section-bg-image-about-us.jpg) center/cover}
.tl .bd{color:var(--gd);padding:12px 16px;border-radius:14px}.tl i{box-shadow:0 0 12px var(--g)}.tl li::before{border-top:1px dashed var(--gd)}
form input:not([type=checkbox]),form select,form textarea{background:#fff;color:var(--ink);border:1px solid #d9b55b88;border-radius:12px;transition:.3s}form input:focus,form select:focus,form textarea:focus{outline:0;border-color:var(--gd);box-shadow:0 0 0 4px #d9b55b33}
.modal{backdrop-filter:blur(8px);background:#0a080a99}.box{background:#fffdf6;animation:pop .3s ease}@keyframes pop{from{opacity:0;transform:translateY(16px)}}.x{color:var(--ink)}
.legal h4{color:var(--gd)}.off small{letter-spacing:3px;color:var(--gd)}.ct iframe{border-radius:22px;box-shadow:var(--sh)}
.ft{background:#0a0804}.so a{transition:.3s}.so a:hover{background:var(--g);transform:translateY(-3px)}
.rv{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease;transition-delay:var(--d,0s)}.rv.in{opacity:1;transform:none}
.rv.tilt.in{transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .15s,box-shadow .4s,border-color .4s;transition-delay:0s}
@media(max-width:900px){.hd.open{background:#0a0804f5}.cur{display:none}.hero,.ph{border-radius:0 0 24px 24px}}
@media(max-width:700px){.sv>div,.ab>div{padding:22px}.five>div,.six li{padding:18px 12px}.rv{transform:translateY(16px)}.intro h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){*,::before,::after{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
.bar .sub{display:none;gap:0}.bar .has:hover>.sub,.bar .has:focus-within>.sub{display:flex}
@media(max-width:900px){.bar .has:hover>.sub{display:none}.bar .has.on>.sub,.bar .has.on:hover>.sub{display:flex}.hd.open .bar .sub{display:none}.hd.open .bar .has.on>.sub{display:flex}.hd.open .bar{max-height:100vh;overflow:auto}.bar .sub{position:static;border:0;background:none;padding:0 0 6px 14px}}