:root{--primary-cyan: #2EF5E2;--text-white: #ffffff;--text-gray: #b8b8b8;--bg-black: #000000;--accent-red: #ff4444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background:var(--bg-black);color:var(--text-white);overflow-x:hidden}.about-section{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding:4rem 6rem;position:relative;overflow:hidden}.about-section:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(0,217,255,.1) 0%,transparent 70%);top:-200px;left:-200px;animation:pulseGlow 8s ease-in-out infinite;pointer-events:none}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.5}}.content-left{position:relative;z-index:2;opacity:0;transform:translate(-50px);animation:slideInLeft 1s ease-out forwards}@keyframes slideInLeft{to{opacity:1;transform:translate(0)}}.section-label{font-family:Bebas Neue,sans-serif;font-size:1.5rem;letter-spacing:4px;color:var(--primary-cyan);margin-bottom:2rem;display:inline-block;position:relative;padding-bottom:.5rem;animation:fadeInDown .8s ease-out .2s backwards}.section-label:after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--primary-cyan);animation:expandLine .8s ease-out .8s forwards}@keyframes expandLine{to{width:100%}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.main-heading{font-family:Bebas Neue,sans-serif;font-size:4rem;line-height:1.1;margin-bottom:2.5rem;letter-spacing:2px;animation:fadeInUp 1s ease-out .4s backwards}.main-heading .highlight{color:var(--primary-cyan);display:inline-block;animation:textGlow 2s ease-in-out infinite alternate}@keyframes textGlow{0%{text-shadow:0 0 10px rgba(0,217,255,.5)}to{text-shadow:0 0 20px rgba(0,217,255,.8),0 0 30px rgba(0,217,255,.4)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.description{font-size:1.1rem;line-height:1.8;color:var(--text-gray);margin-bottom:3rem;animation:fadeInUp 1s ease-out .6s backwards}.cta-button{display:inline-block;padding:1rem 2.5rem;background:var(--text-white);color:var(--bg-black);font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:1px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;animation:fadeInUp 1s ease-out .8s backwards}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--primary-cyan);transition:left .4s cubic-bezier(.4,0,.2,1);z-index:-1}.cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00d9ff4d}.cta-button:hover:before{left:0}.image-container{position:relative;perspective:1000px;opacity:0;transform:translate(50px);animation:slideInRight 1s ease-out .5s forwards;display:flex;justify-content:center;align-items:center}@keyframes slideInRight{to{opacity:1;transform:translate(0)}}.main-image-wrapper{position:relative;border-radius:50%;overflow:hidden;box-shadow:0 20px 60px #00d9ff33;transition:transform .5s ease;width:500px;height:500px;flex-shrink:0}.main-image-wrapper:hover{transform:translateY(-10px) rotateY(5deg)}.main-image{width:100%;height:100%;display:block;transition:transform .5s ease;object-fit:cover;border-radius:50%}.main-image-wrapper:hover .main-image{transform:scale(1.05)}.floating-samples{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.sample-card{position:absolute;width:80px;height:120px;border-radius:8px;opacity:0;box-shadow:0 10px 30px #0000004d}.sample-1{background:linear-gradient(135deg,#ff6b9d,#ffc371);top:38%;left:0;animation:floatCard1 4s ease-in-out infinite,fadeInCard .8s ease-out 1s forwards}.sample-2{background:linear-gradient(135deg,#4facfe,#00f2fe);top:50%;left:-2%;animation:floatCard2 5s ease-in-out infinite,fadeInCard .8s ease-out 1.2s forwards}.sample-3{background:linear-gradient(135deg,#ffa751,#ffe259);bottom:33%;right:0%;animation:floatCard3 4.5s ease-in-out infinite,fadeInCard .8s ease-out 1.4s forwards}.sample-4{background:linear-gradient(135deg,#667eea,#764ba2);top:13%;right:-2%;animation:floatCard4 5.5s ease-in-out infinite,fadeInCard .8s ease-out 1.6s forwards}@keyframes fadeInCard{to{opacity:.9}}@keyframes floatCard1{0%,to{transform:translate(0) rotate(-5deg)}50%{transform:translate(10px,-15px) rotate(5deg)}}@keyframes floatCard2{0%,to{transform:translate(0) rotate(5deg)}50%{transform:translate(-15px,20px) rotate(-5deg)}}@keyframes floatCard3{0%,to{transform:translate(0) rotate(8deg)}50%{transform:translate(-10px,-20px) rotate(-8deg)}}@keyframes floatCard4{0%,to{transform:translate(0) rotate(-8deg)}50%{transform:translate(15px,15px) rotate(8deg)}}.decorative-element{position:absolute;width:300px;height:300px;border:2px solid var(--primary-cyan);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.1;animation:rotateCircle 20s linear infinite}@keyframes rotateCircle{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media(min-width:1920px){.floating-samples{margin:0 auto;right:0}}@media(min-width:1600px){.sample-1{left:10%}.sample-2{left:7%}.sample-3{right:10%}.sample-4{right:18%}}@media(max-width:1200px){.about-section{grid-template-columns:1fr;padding:3rem;gap:3rem}.main-heading{font-size:3.5rem}.image-container{max-width:100%;margin:0 auto}.main-image-wrapper{width:450px;height:450px}.decorative-element{width:250px;height:250px}}@media(max-width:768px){.about-section{padding:2rem 1.5rem;gap:2rem}.main-heading{font-size:2.5rem}.section-label{font-size:1.2rem;letter-spacing:3px}.description{font-size:1rem;margin-bottom:2rem}.main-image-wrapper{width:350px;height:350px}.decorative-element{width:200px;height:200px}.sample-card{width:60px;height:90px}.cta-button{padding:.875rem 2rem;font-size:.9rem}}@media(max-width:480px){.about-section{padding:1.5rem 1rem;gap:2rem}.main-heading{font-size:2rem;margin-bottom:1.5rem}.section-label{font-size:1rem;letter-spacing:2px;margin-bottom:1.5rem}.description{font-size:.95rem;line-height:1.6}.main-image-wrapper{width:280px;height:280px}.decorative-element{width:160px;height:160px}.sample-card{width:50px;height:75px}.sample-1{left:-3%}.sample-2{left:-5%}.sample-3{right:-3%}.sample-4{right:-5%}.cta-button{padding:.75rem 1.5rem;font-size:.85rem;width:100%;text-align:center}}@media(max-width:360px){.main-image-wrapper{width:240px;height:240px}.decorative-element{width:140px;height:140px}.sample-card{width:40px;height:60px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/about_banner.css.map */