@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{margin:0;padding:0;min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#f97316}.special-3d-section{--body-bg: #ffffff;position:relative;padding:6em 5%;display:flex;align-items:center;justify-content:center;flex-direction:column-reverse;gap:4em;background:radial-gradient(circle at 10% 10%,#f9731608,#fff,#0b1c3e05);overflow:hidden;font-family:Poppins,sans-serif;min-height:600px}.special-3d-section .grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.03;background-image:linear-gradient(rgba(11,28,62,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(11,28,62,.1) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.special-3d-section .brand-content{flex:1;max-width:500px;position:relative;z-index:10;color:#0b1c3e}.special-3d-section .brand-content h2{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;line-height:1.1;color:#0b1c3e;letter-spacing:-.02em}.special-3d-section .brand-content p{font-size:1.05rem;color:#475569;line-height:1.8;font-weight:400;margin-bottom:1.2rem}.special-3d-section .img-container{height:clamp(320px,45vw,480px);width:clamp(255px,36vw,383px);perspective:1500px;transform-style:preserve-3d;position:relative;flex-shrink:0}.special-3d-section .box{height:100%;width:100%;position:absolute;top:50%;border:8px solid #fff;border-radius:12px;box-shadow:0 30px 60px -12px #0b1c3e26,0 18px 36px -18px #0000004d;transition:all 1.2s cubic-bezier(.19,1,.22,1);overflow:hidden;background:#f8fafc}.special-3d-section .box img{width:100%;height:100%;object-fit:cover;transition:transform 2s ease}.special-3d-section .box:nth-child(1){left:50%;opacity:1;z-index:50;transform:translate(-50%,-50%) rotateY(-12deg)}.special-3d-section .box:nth-child(2){left:55%;opacity:.6;z-index:40;transform:translate(-45%,-50%) rotateY(-12deg) translateZ(-50px) scale(.95)}.special-3d-section .box:nth-child(3){left:60%;opacity:.3;z-index:30;transform:translate(-40%,-50%) rotateY(-12deg) translateZ(-100px) scale(.9)}.special-3d-section .box:nth-child(n+4){opacity:0;left:65%;transform:translate(-35%,-50%) rotateY(-12deg) translateZ(-150px)}@media(min-width:1024px){.special-3d-section{flex-direction:row;gap:6em;padding:6em 5%}}@media(max-width:768px){.special-3d-section .img-container{width:250px;height:350px}}.circular-slider{--card-w: 260px;--card-h: 380px;--radius: 750px;background:radial-gradient(circle at 50% 120%,#f973160d,#fff 40%,#f8fafc);color:#0b1c3e;font-family:Poppins,sans-serif;height:90vh;width:100%;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:2500px}.circular-slider .stage{position:relative;width:100%;max-width:1400px;height:100%;transform-style:preserve-3d;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .2s ease-out}.circular-slider .carousel-track{position:absolute;top:15%;width:var(--card-w);height:var(--card-h);transform-style:preserve-3d;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center}.circular-slider .side-nav{position:absolute;top:45%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 5%;width:100%;z-index:200;pointer-events:none}.circular-slider .side-nav button{width:70px;height:70px;border-radius:50%;border:1px solid rgba(11,28,62,.05);background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#0b1c3e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.19,1,.22,1);box-shadow:0 10px 30px #0000000d;pointer-events:auto}.circular-slider .side-nav button:hover{background:#f97316;border-color:#f97316;color:#fff;transform:scale(1.1) rotate(5deg);box-shadow:0 20px 40px #f9731640}.circular-slider .card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50px;background:#fff;border:1px solid rgba(255,255,255,.8);box-shadow:0 10px 40px -10px #0b1c3e14,inset 0 0 0 1px #0b1c3e05;transform-origin:50% var(--radius);transition:transform 1.2s cubic-bezier(.2,.8,.2,1),filter .8s,scale .8s,box-shadow .8s;filter:brightness(.98) saturate(.9) blur(1px);scale:.85;cursor:pointer;overflow:hidden;-webkit-box-reflect:below 20px linear-gradient(transparent,transparent,rgba(0,0,0,.03))}.circular-slider .card.active{filter:brightness(1) saturate(1.1) blur(0px);scale:1.15;z-index:100;border-color:#f973164d;box-shadow:0 50px 100px -20px #0b1c3e1f,0 15px 40px -5px #f9731626}.circular-slider .card-content-wrapper{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;padding:30px}.circular-slider .card-image{width:90%;height:90%;background-size:contain;background-repeat:no-repeat;background-position:center center;transition:transform 1s cubic-bezier(.165,.84,.44,1);transform:scale(.95);filter:drop-shadow(0 20px 30px rgba(0,0,0,.06))}.circular-slider .card.active .card-image{transform:scale(1.1) translateY(-15px)}.circular-slider .card-shine{position:absolute;top:0;left:-200%;width:100%;height:100%;background:linear-gradient(120deg,#fff0 30%,#fffc,#fff0 70%);transform:skew(-25deg);animation:visual-shine 8s infinite ease-in-out;pointer-events:none;opacity:.3}@keyframes visual-shine{0%{left:-200%}15%{left:200%}to{left:200%}}.circular-slider .content{display:none}@media(max-width:768px){.circular-slider{--card-w: 200px;--card-h: 300px;--radius: 600px;height:70vh}.circular-slider .side-nav button{width:55px;height:55px}.circular-slider .stage{transform:none!important}}
