@font-face{font-family:IRANSansX;font-style:normal;font-weight:100;src:url(/static/media/IRANSansX-Thin.6dc3bba8994a7d0b8576.woff) format("woff"),url(/static/media/IRANSansX-Thin.7e0c79c08c26b09b990d.woff2) format("woff2")}@font-face{font-family:IRANSansX;font-style:normal;font-weight:200;src:url(/static/media/IRANSansX-UltraLight.0edada410e092729c499.woff) format("woff"),url(/static/media/IRANSansX-UltraLight.9f73136fff514167124b.woff2) format("woff2")}@font-face{font-family:IRANSansX;font-style:normal;font-weight:300;src:url(/static/media/IRANSansX-Light.c7c564a001a7b1f37aec.woff) format("woff"),url(/static/media/IRANSansX-Light.0f2b01e32fc52a1a139f.woff2) format("woff2")}@font-face{font-family:IRANSansX;font-style:normal;font-weight:500;src:url(/static/media/IRANSansX-Medium.a9a6c68a1bfb0e24823b.woff) format("woff"),url(/static/media/IRANSansX-Medium.1ae15ad15a7bf7ff86aa.woff2) format("woff2")}@font-face{font-family:IRANSansX;font-style:normal;font-weight:600;src:url(/static/media/IRANSansX-DemiBold.5997ff416affafe6c2cf.woff) format("woff"),url(/static/media/IRANSansX-DemiBold.bcd94e075131e0a1f464.woff2) format("woff2")}@font-face{font-family:IRANSansX;font-style:normal;font-weight:800;src:url(/static/media/IRANSansX-ExtraBold.ef8a5724ace7a9ebc7d1.woff) format("woff"),url(/static/media/IRANSansX-ExtraBold.93e055355011a8b4fb88.woff2) format("woff2")}@font-face{font-family:IRANSansX;font-style:normal;font-weight:900;src:url(/static/media/IRANSansX-Black.653af0e28281f41b0018.woff) format("woff"),url(/static/media/IRANSansX-Black.9e2d996cd3034cb42387.woff2) format("woff2")}@font-face{font-family:IRANSansX;font-style:normal;font-weight:700;src:url(/static/media/IRANSansX-Bold.d640a35b819021eae62f.woff) format("woff"),url(/static/media/IRANSansX-Bold.39dc220930931545fcbf.woff2) format("woff2")}@font-face{font-family:IRANSansX;font-style:normal;font-weight:400;src:url(/static/media/IRANSansX-Regular.0e69b53f502a0a73887d.woff) format("woff"),url(/static/media/IRANSansX-Regular.8d0b6b69c5d17f92d087.woff2) format("woff2")}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-overflow-scrolling:touch;background-color:#fafafa;color:#333;direction:rtl;font-family:IRANSansX,Tahoma,Geneva,Verdana,sans-serif;max-width:100vw;min-height:100vh;overflow-x:hidden;overscroll-behavior-y:contain;position:relative;text-align:right;touch-action:pan-y}body:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#6366f11f 0,#0000 60%),radial-gradient(circle at 80% 80%,#0ea5e91f 0,#0000 60%),radial-gradient(circle at 50% 50%,#a855f714 0,#0000 55%);filter:blur(100px);z-index:-2}body:after,body:before{content:"";inset:0;pointer-events:none;position:fixed;transform:translateZ(0);will-change:transform}body:after{animation:float 25s ease-in-out infinite reverse,pulse 15s ease-in-out infinite;background:radial-gradient(circle at 60% 20%,#0ea5e91a 0,#0000 50%),radial-gradient(circle at 40% 70%,#6366f11a 0,#0000 50%),radial-gradient(circle at 50% 50%,#a855f70f 0,#0000 50%);filter:blur(120px);z-index:-1}@media (max-width:768px){body:before{animation:none;filter:blur(50px)}body:after{animation:none;filter:blur(60px)}}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer}button,input,textarea{font-family:inherit}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn .5s ease-out}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in-down{animation:fadeInDown .6s ease-out}.animate-fade-in-right{animation:fadeInRight .6s ease-out}.animate-fade-in-left{animation:fadeInLeft .6s ease-out}.animate-scale-in{animation:scaleIn .5s ease-out}.animate-slide-in-right{animation:slideInRight .5s ease-out}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes activeGlow{0%,to{opacity:1}50%{opacity:.9}}@keyframes slideIndicator{0%{opacity:0;width:0}to{opacity:1;width:80%}}@keyframes logoutPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.navbar{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#ffffff0d;border-bottom:1px solid #fff3;box-shadow:0 2px 20px #3b82f64d,0 0 30px #3b82f633,0 0 60px #3b82f61a;position:fixed;top:0;transition:transform .3s ease-in-out;width:100%;z-index:1000}.navbar-visible{transform:translateY(0)}.navbar-hidden{transform:translateY(-100%)}.navbar-container{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;padding:0 2rem}.navbar-row{align-items:center;display:flex;gap:1rem;width:100%}.navbar-row-top{border-bottom:1px solid #0000001a;justify-content:space-between}.navbar-row-bottom{justify-content:center;padding:.75rem 0}.navbar-logo{align-items:center;display:flex;flex-shrink:0;gap:.5rem;overflow:hidden;position:relative;transition:transform .3s ease}.navbar-logo:hover{transform:scale(1.05)}.navbar-logo h2{color:#1e293b;font-size:1.4rem;font-weight:900;letter-spacing:0;margin:0}.navbar-logo img,.navbar-logo-image{height:70px;max-height:70px;object-fit:contain;position:relative;width:auto;z-index:1}@keyframes glint{0%{opacity:0;transform:translateX(150%) skewX(-25deg)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateX(-150%) skewX(-25deg)}}.navbar-search{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;display:flex;flex:1 1;gap:.4rem;height:36px;max-width:350px;padding:.35rem .75rem;transition:all .3s}.navbar-search-mobile-wrapper{display:none}.navbar-search:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:.85rem;height:100%;line-height:1;outline:none;padding:0}.search-input::placeholder{color:#64748b;font-size:.85rem}.search-button{align-items:center;background:#0000;border:none;color:#475569;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0;transition:transform .3s}.search-button:hover{color:#3b82f6;transform:scale(1.1)}.search-button svg{height:16px;width:16px}.navbar-actions{align-items:center;display:flex;gap:.75rem}.navbar-icon-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50%;color:#475569;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;position:relative;text-decoration:none;transition:all .3s;width:40px}.navbar-icon-btn:hover{background:#e2e8f0;color:#1e293b}.navbar-icon-btn svg{height:20px;width:20px}.cart-badge,.notification-badge{background:#ef4444;border:2px solid #fff;border-radius:50%;color:#fff;font-size:.7rem;font-weight:700;height:18px;position:absolute;right:-5px;top:-5px;width:18px}.cart-badge,.navbar-auth-link,.notification-badge{align-items:center;display:flex;justify-content:center}.navbar-auth-link{border-radius:20px;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1.2rem;text-decoration:none;transition:all .3s;white-space:nowrap}.auth-link-icon{display:none;height:18px;width:18px}.auth-link-text{display:inline}.login-link{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.login-link:hover{background:#e2e8f0;color:#1e293b}.register-link{background:#3b82f6;border:1px solid #3b82f6;color:#fff}.register-link:hover{background:#2563eb;border-color:#2563eb}.navbar-menu{align-items:center;display:flex;flex-wrap:nowrap;gap:.5rem;justify-content:center;list-style:none;margin:0;padding:0;white-space:nowrap;width:100%}.navbar-menu li{animation:slideIn .5s ease-out backwards;flex-shrink:0}.navbar-menu li:first-child{animation-delay:.1s}.navbar-menu li:nth-child(2){animation-delay:.15s}.navbar-menu li:nth-child(3){animation-delay:.2s}.navbar-menu li:nth-child(4){animation-delay:.25s}.navbar-menu li:nth-child(5){animation-delay:.3s}.navbar-menu li:nth-child(6){animation-delay:.35s}.navbar-menu li:nth-child(7){animation-delay:.4s}.navbar-menu li:nth-child(8){animation-delay:.45s}.navbar-menu li:nth-child(9){animation-delay:.5s}.navbar-menu li a{border-radius:8px;color:#475569;display:inline-block;font-weight:500;overflow:hidden;padding:.6rem 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.navbar-menu li a:before{background:#3b82f61a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0;z-index:0}.navbar-menu li a:hover:before{height:300px;width:300px}.navbar-menu li a:hover{background-color:#f1f5f9;box-shadow:0 4px 12px #0000001a;color:#3b82f6;transform:translateY(-2px)}.navbar-menu li a:active{transform:translateY(0);transition:transform .1s}.navbar-menu li a span{position:relative;z-index:1}.navbar-menu li a.active{background:#eff6ff;box-shadow:0 4px 15px #3b82f633;color:#3b82f6!important;font-weight:600;position:relative;transform:translateY(-2px)}.navbar-menu li a.active:after{animation:slideIndicator .5s ease-out;background:linear-gradient(90deg,#0000,#3b82f6,#0000);border-radius:2px;bottom:0;box-shadow:0 0 10px #3b82f680;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.navbar-menu li a.active:before{background:#ffffff1a;border-radius:5px;height:100%;width:100%}.login-link{background-color:var(--primary-light);border-radius:25px;box-shadow:0 2px 8px #00000026;color:#fff!important;margin-right:5rem;overflow:hidden;padding:.5rem 1.2rem!important;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap}.login-link:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-link:hover:before{left:100%}.login-link:hover{background-color:var(--secondary)!important}.login-link:active{transform:translateY(-1px) scale(1.02);transition:transform .1s}.login-link.active{animation:activeGlow 3s ease-in-out infinite;background:linear-gradient(135deg,var(--secondary) 0,var(--secondary-light) 100%)!important;border:2px solid #fff6;box-shadow:0 6px 25px #fff6,0 0 30px #ffffff4d,inset 0 0 15px #fff3;color:var(--primary-dark)!important;font-weight:700}.login-link.active:before{background:linear-gradient(90deg,#0000,#ffffff80,#0000)}.register-link{background-color:var(--secondary);border:2px solid #0000;border-radius:25px;box-shadow:0 2px 8px #00000026;color:var(--primary-dark)!important;font-weight:700;overflow:hidden;padding:.5rem 1.2rem!important;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap}.register-link:after{background:#fff6;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0;z-index:0}.register-link:hover:after{height:300px;width:300px}.register-link:hover{background-color:var(--secondary-light)!important;border-color:#ffffff4d}.register-link:active{transform:translateY(-1px) scale(1.02);transition:transform .1s}.register-link.active{animation:activeGlow 3s ease-in-out infinite;background:linear-gradient(135deg,var(--secondary-light) 0,#fff 100%)!important;border:2px solid #ffffff80;box-shadow:0 6px 25px #ffffff80,0 0 35px #fff6,inset 0 0 20px #ffffff4d;color:var(--primary-dark)!important;transform:translateY(-2px) scale(1.05)}.register-link.active:after{background:#fff9;height:100%;width:100%}.register-link span{position:relative;z-index:1}.navbar-icon-btn.logout-btn{background:#fee2e2;border-color:#fecaca;color:#dc2626}.navbar-icon-btn.logout-btn:hover{background:#fecaca;color:#b91c1c}.logout-btn .logout-icon{stroke:currentColor;height:15px;transition:all .4s cubic-bezier(.4,0,.2,1);width:15px}.logout-btn span{position:relative;z-index:1}.logout-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.logout-btn:hover:before{left:100%}.logout-btn:after{background:#ff78784d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0;z-index:0}.logout-btn:hover:after{height:30px;width:30px}.logout-btn:hover{animation:logoutPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff575766,#ff78784d);border-color:#ff787880;box-shadow:0 6px 25px #ff575766,0 0 30px #ff78784d;color:#fff;transform:translateY(-3px) scale(1.05)}.logout-btn:hover .logout-icon{filter:drop-shadow(0 0 4px rgba(255,255,255,.6));transform:translateX(3px) rotate(0deg)}.logout-btn:active{transform:translateY(-1px) scale(1.02);transition:transform .1s}.logout-btn:active .logout-icon{transform:translateX(2px)}.menu-toggle{background:#0000;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px}.menu-toggle span{background-color:var(--secondary-light);border-radius:2px;height:3px;transform-origin:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:25px}.menu-toggle:hover span{background-color:#fff;box-shadow:0 0 8px #ffffff80}.menu-toggle:hover span:first-child{transform:translateY(-2px)}.menu-toggle:hover span:nth-child(3){transform:translateY(2px)}.menu-toggle:active{transform:scale(.95)}@media (max-width:1024px){.navbar-search{height:34px;max-width:250px;padding:.3rem .65rem}.search-input,.search-input::placeholder{font-size:.8rem}.search-button svg{height:15px;width:15px}.navbar-menu{gap:.5rem}.navbar-menu li a{font-size:.9rem;padding:.5rem .8rem}.navbar-auth-link{font-size:.85rem;padding:.4rem 1rem}}@media (max-width:768px){.navbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:#f1f5f9}.navbar-container{padding:0 1rem}.navbar-row-top{grid-gap:.5rem;align-items:center;border:none;display:grid;gap:.5rem;grid-template-columns:auto 1fr auto;position:relative}.navbar-logo{align-self:center;grid-column:2;grid-row:1;justify-self:center}.navbar-actions{align-self:center;display:flex;grid-column:3;grid-row:1;justify-self:start}.menu-toggle{align-self:center;grid-column:1;grid-row:1;justify-self:end}.cart-btn,.navbar-search,.notification-btn{display:none}.navbar-search-mobile-wrapper{display:block;list-style:none;padding:0 1rem 1rem;width:100%}.navbar-search-mobile{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;display:flex;gap:.4rem;height:40px;margin:0;max-width:100%;padding:.35rem .75rem;transition:all .3s;width:100%}.navbar-search-mobile:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.navbar-actions{gap:.5rem}.navbar-icon-btn{height:36px;width:36px}.navbar-icon-btn svg{height:18px;width:18px}.navbar-auth-link{align-items:center;border-radius:50%!important;display:flex;height:40px;justify-content:center;margin-right:0!important;min-width:40px;padding:0!important;width:40px}.login-link{background:#f1f5f9!important;border:1px solid #e2e8f0!important;color:#475569!important}.login-link:hover{background:#e2e8f0!important;color:#1e293b!important}.register-link{background:#00b4d8!important;border:1px solid #00b4d8!important;color:#fff!important}.register-link:hover{background:#0096c7!important;border-color:#0096c7!important;color:#fff!important}.auth-link-icon{display:block;height:20px;width:20px}.auth-link-text{display:none}.navbar-logo{max-width:130px;min-width:130px;width:130px}.navbar-logo img,.navbar-logo-image{height:55px;max-height:55px;max-width:100%;width:auto}.navbar-logo h2{font-size:1.2rem}.menu-toggle{align-items:center;display:flex;flex-direction:column;justify-content:center}.menu-toggle span{background-color:#764ba2!important}.menu-toggle:hover span{background-color:#5a3a7a!important;box-shadow:0 0 8px #5a3a7a80}.navbar-row-bottom{padding:.5rem 0}.navbar-menu{backdrop-filter:none;-webkit-backdrop-filter:none;background:#f8fafc;border-top:1px solid #0000001a;box-shadow:0 5px 10px #0003;flex-direction:column;flex-wrap:wrap;padding:1rem 0;position:absolute;right:0;top:100%;transform:translateX(100%);transition:transform .3s;width:100%}.navbar-menu.active{transform:translateX(0)}.navbar-menu li{flex-shrink:1;width:100%}.navbar-menu li,.navbar-menu li.navbar-search-mobile-wrapper{text-align:center}.navbar-menu li a{display:block;padding:1rem;white-space:normal;width:100%}.navbar-menu li a.active:after{height:2px;width:60%}}.footer{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#ffffff0d;border:1px solid #ffffff1a;border-top-left-radius:40px;border-top-right-radius:40px;box-shadow:0 -10px 40px #0000001a;color:#1e293b;margin-top:auto;overflow:hidden;padding:4rem 0 0;position:relative}.footer-background-decoration{background:radial-gradient(circle at 20% 20%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#764ba21a 0,#0000 50%),radial-gradient(circle at 50% 50%,#22d3ee0d 0,#0000 50%);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.footer-container{margin:0 auto;max-width:1400px;padding:0 2rem;position:relative;z-index:1}.footer-main{grid-gap:3rem;border-bottom:1px solid #1e293b1a;display:grid;gap:3rem;grid-template-columns:2fr 1fr 1fr 1.5fr;padding-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:1.5rem}.footer-logo{margin-bottom:.5rem}.footer-brand-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#22d3ee);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2rem;font-weight:800;letter-spacing:-.5px;margin:0}.footer-brand-tagline{color:#667eeab3;font-size:.9rem;font-weight:500;margin:.25rem 0 0}.footer-brand-description{color:#1e293bb3;font-size:.95rem;line-height:1.8;margin:0;max-width:300px}.footer-social-icons{gap:1rem;margin-top:.5rem}.footer-social-icons,.social-icon{display:flex;position:relative;z-index:1}.social-icon{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#06b6d41a;border:1px solid #06b6d44d;border-radius:12px;color:#06b6d4;flex-shrink:0;height:45px;justify-content:center;overflow:visible;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:45px}.social-icon svg{fill:currentColor;color:#06b6d4;display:inline-block;flex-shrink:0;height:20px;opacity:1;position:relative;visibility:visible;width:20px;z-index:2}.social-icon:hover{background:linear-gradient(135deg,#22d3ee4d,#06b6d44d);border-color:#22d3ee80;box-shadow:0 8px 20px #22d3ee66;color:#06b6d4;transform:translateY(-3px)}.social-icon:hover svg{color:#06b6d4}.footer-column{display:flex;flex-direction:column;gap:1.5rem}.footer-column-title{color:#1e293b;font-size:1.2rem;font-weight:700;margin:0;padding-bottom:.75rem;position:relative}.footer-column-title:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:0;content:"";height:3px;position:absolute;right:0;width:40px}.footer-links{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.footer-link{color:#1e293bb3;font-size:.95rem;gap:.75rem;padding:.5rem 0;position:relative;text-decoration:none}.footer-link,.footer-link-icon{align-items:center;display:flex;transition:all .3s ease}.footer-link-icon{color:#06b6d4;flex-shrink:0;height:18px;justify-content:center;width:18px}.footer-link:hover{color:#667eea;padding-right:.5rem}.footer-link:hover .footer-link-icon{color:#667eea;transform:scale(1.1)}.footer-contact{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.footer-contact-item{align-items:flex-start;color:#1e293bb3;display:flex;font-size:.95rem;gap:1rem;line-height:1.6}.footer-contact-icon{color:#06b6d4;flex-shrink:0;font-size:1.1rem;margin-top:.2rem}.footer-trust-badge{align-items:center;display:flex;justify-content:flex-start;margin-top:1rem}.footer-trust-badge-mobile{display:none;margin:2rem auto;max-width:120px;text-align:center}.footer-social-icons-mobile{display:none;gap:1rem;justify-content:center;margin-top:1.5rem}@media (min-width:481px){.footer-social-icons-mobile,.footer-trust-badge-mobile{display:none!important}}.trust-badge-image{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;max-width:120px;padding:.5rem;transition:all .3s ease}.trust-badge-image:hover{box-shadow:0 6px 20px #00000026;transform:scale(1.05)}.footer-bottom{padding:2rem 0;position:relative}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.footer-copyright{color:#1e293b99;font-size:.9rem;margin:0}.footer-brand-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-weight:700}.footer-made-with{align-items:center;color:#1e293b99;display:flex;font-size:.9rem;gap:.5rem;margin:0}.footer-heart-icon{animation:heartBeat 1.5s ease-in-out infinite;color:#f5576c}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@media (max-width:1024px){.footer-main{gap:2.5rem;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (max-width:768px){.footer{padding:3rem 0 0}.footer-container{padding:0 1.5rem}.footer-main{gap:2rem;grid-template-columns:1fr;padding-bottom:2rem}.footer-brand-description{max-width:100%}.footer-bottom-content{flex-direction:column;gap:.75rem;text-align:center}.footer-brand-name{font-size:1.75rem}}@media (max-width:480px){.footer{padding:2.5rem 0 0}.footer-brand-name,.footer-brand-tagline{text-align:center}.footer-container{padding:0 1rem}.footer-main{gap:1.5rem;grid-template-columns:1fr 1fr;padding-bottom:1.5rem}.footer-brand .footer-social-icons,.footer-main>.footer-column:last-child{display:none}.footer-trust-badge-mobile{display:block}.footer-trust-badge-mobile img{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;max-width:120px;padding:.5rem}.footer-social-icons-mobile{display:flex}.footer-column-title{font-size:1.1rem}.footer-link{padding:0}.footer-contact-item,.footer-link{font-size:.9rem}.footer-copyright,.footer-made-with{font-size:.85rem}.social-icon{font-size:1.1rem;height:40px;width:40px}}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{animation:fadeIn .5s ease-out;box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1280px;padding-left:2rem;padding-right:2rem;padding-top:170px;width:100%}@media (max-width:1024px){.main-content{padding-left:1.5rem;padding-right:1.5rem;padding-top:160px}}@media (max-width:768px){.main-content{padding-left:1rem;padding-right:1rem;padding-top:60px}}@media (max-width:480px){.main-content{padding-left:.75rem;padding-right:.75rem;padding-top:80px}}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home{animation:fadeIn .5s ease-out;width:100%}.hero{color:#1e293b;display:flex;justify-content:center;min-height:70vh;overflow:hidden;padding:4rem 2rem}.hero,.hero-container{align-items:center;position:relative}.hero-container{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px;width:100%;z-index:1}.hero-content{text-align:right}.hero-content,.hero-image{position:relative;z-index:1}.hero-image{align-items:center;display:flex;justify-content:center}.hero-image img{border-radius:20px;height:auto;max-width:500px;object-fit:contain;transition:transform .3s ease;width:100%}.hero-image:hover img{transform:scale(1.05)}.hero-image-tooltip{bottom:-60px;left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%) translateY(10px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:10}.hero-image:hover .hero-image-tooltip{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.hero-image{cursor:pointer}.tooltip-text{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#667eeaf2,#764ba2f2);border:1px solid #fff3;border-radius:12px;box-shadow:0 10px 30px #667eea66,0 0 20px #764ba24d,inset 0 1px 0 #fff3;color:#fff;display:inline-block;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;position:relative;white-space:nowrap}.tooltip-arrow{border-bottom:8px solid #667eeaf2;border-left:8px solid #0000;border-right:8px solid #0000;filter:drop-shadow(0 -2px 4px rgba(102,126,234,.3));height:0;left:50%;position:absolute;top:-8px;transform:translateX(-50%);width:0}@keyframes tooltipPulse{0%,to{box-shadow:0 10px 30px #667eea66,0 0 20px #764ba24d,inset 0 1px 0 #fff3}50%{box-shadow:0 12px 35px #667eea80,0 0 25px #764ba266,inset 0 1px 0 #ffffff4d}}.logo-modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.logo-modal-content{animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:1.5px solid #ffffff80;border-radius:30px;box-shadow:0 25px 80px #0000004d,0 0 40px #667eea33,inset 0 1px 0 #fff9;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;position:relative;width:100%}.modal-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:1.5px solid #ffffff80;border-radius:50%;box-shadow:0 4px 15px #0000001a;color:#1e293b;cursor:pointer;display:flex;font-size:1.8rem;font-weight:300;height:40px;justify-content:center;left:1.5rem;position:absolute;top:1.5rem;transition:all .3s ease;width:40px;z-index:10}.modal-close-btn:hover{background:linear-gradient(135deg,#667eea33,#764ba233);box-shadow:0 6px 20px #667eea4d;transform:rotate(90deg) scale(1.1)}.modal-header{border-bottom:1px solid #667eea1a;padding:2.5rem 3rem 1.5rem;text-align:center}.modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22d3ee,#06b6d4);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.5rem;font-weight:800;margin:0}.modal-body{flex:1 1;overflow-y:auto;padding:2rem 3rem 3rem}.modal-logo-image{margin-bottom:2.5rem;text-align:center}.modal-logo-image img{animation:logoFloat 3s ease-in-out infinite;filter:drop-shadow(0 10px 30px rgba(102,126,234,.3));height:auto;max-width:200px}.modal-text-content{line-height:1.8;text-align:right}.modal-paragraph{color:#475569;font-size:1.1rem;font-weight:400;margin-bottom:.8rem}.modal-emphasis{background:linear-gradient(135deg,#667eea1a,#22d3ee1a);border-radius:15px;border-right:4px solid #667eea4d;color:#1e293b;font-size:1.3rem;font-style:italic;font-weight:700;margin:1.5rem 0;padding:1rem;text-align:center}.modal-philosophy{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22d3ee,#06b6d4);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.4rem;font-weight:800;margin-bottom:1rem;margin-top:2rem;text-align:center}.modal-philosophy-text{color:#1e293b;font-size:1.2rem;font-weight:600;margin-bottom:.8rem;text-align:center}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.logo-modal-overlay{padding:1rem}.logo-modal-content{border-radius:25px;max-height:95vh}.modal-close-btn{font-size:1.5rem;height:35px;left:1rem;top:1rem;width:35px}.modal-header{padding:2rem 1.5rem 1rem}.modal-title{font-size:2rem}.modal-body{padding:1.5rem 1.5rem 2rem}.modal-logo-image{margin-bottom:2rem}.modal-logo-image img{max-width:150px}.modal-paragraph{font-size:1rem;line-height:1.7;margin-bottom:.7rem}.modal-emphasis{font-size:1.1rem;padding:.8rem}.modal-philosophy{font-size:1.2rem}.modal-philosophy-text{font-size:1.1rem}}@media (max-width:480px){.logo-modal-overlay{padding:.5rem}.logo-modal-content{border-radius:20px}.modal-close-btn{font-size:1.3rem;height:32px;left:.8rem;top:.8rem;width:32px}.modal-header{padding:1.5rem 1rem .8rem}.modal-title{font-size:1.75rem}.modal-body{padding:1rem 1rem 1.5rem}.modal-logo-image img{max-width:120px}.modal-paragraph{font-size:.95rem;line-height:1.7;margin-bottom:.7rem}.modal-emphasis{font-size:1rem;margin:1.2rem 0;padding:.7rem}.modal-philosophy{font-size:1.1rem;margin-top:1.5rem}.modal-philosophy-text{font-size:1rem}}.image-modal-overlay{align-items:center;animation:modalFadeIn .3s ease-out;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:2rem;position:fixed;right:0;top:0;z-index:1001}.image-modal-content{animation:modalSlideUp .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);background:linear-gradient(135deg,#fffffffa,#fffffff2);border:1.5px solid #ffffff80;border-radius:25px;box-shadow:0 25px 80px #0006,0 0 40px #667eea40,inset 0 1px 0 #fff9;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;position:relative;width:auto}.image-modal-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#fffc);border:1.5px solid #ffffff80;border-radius:50%;box-shadow:0 4px 15px #00000026;color:#1e293b;cursor:pointer;display:flex;font-size:2rem;font-weight:300;height:45px;justify-content:center;left:1.5rem;position:absolute;top:1.5rem;transition:all .3s ease;width:45px;z-index:10}.image-modal-close-btn:hover{background:linear-gradient(135deg,#667eea33,#764ba233);box-shadow:0 6px 20px #667eea4d;transform:rotate(90deg) scale(1.1)}.image-modal-header{border-bottom:1px solid #667eea1a;padding:2rem 3rem 1.5rem;text-align:center}.image-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2rem;font-weight:700;margin:0}.image-modal-body{align-items:center;display:flex;justify-content:center;overflow:hidden;padding:2rem}.image-modal-img{animation:imageZoomIn .4s ease-out;border-radius:15px;box-shadow:0 15px 50px #0003;height:auto;max-height:75vh;max-width:100%;object-fit:contain;width:auto}@keyframes imageZoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.image-modal-overlay{padding:1rem}.image-modal-content{border-radius:20px;max-height:95vh;max-width:95vw}.image-modal-close-btn{font-size:1.8rem;height:40px;left:1rem;top:1rem;width:40px}.image-modal-header{padding:1.5rem 1.5rem 1rem}.image-modal-title{font-size:1.5rem}.image-modal-body{padding:1.5rem}.image-modal-img{max-height:70vh}}@media (max-width:480px){.image-modal-overlay{padding:.5rem}.image-modal-content{border-radius:15px}.image-modal-close-btn{font-size:1.5rem;height:35px;left:.8rem;top:.8rem;width:35px}.image-modal-header{padding:1rem 1rem .8rem}.image-modal-title{font-size:1.25rem}.image-modal-body{padding:1rem}.image-modal-img{max-height:65vh}}.hero-content h1{font-weight:900;margin-bottom:1.5rem}.hero-title-main{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#475569 50%,#1e293b);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;display:inline-block;font-size:4.5rem;letter-spacing:-1px}.hero-subtitle{color:#475569;font-size:1.5rem;font-weight:600;margin-bottom:.75rem}.hero-description{color:#475569;font-size:1.25rem;font-weight:400}.hero-brand-story-minimal{margin-top:2rem;text-align:right}.brand-story-text{color:#64748b;font-size:1rem;font-weight:400;line-height:1.6;margin-bottom:1rem}.brand-words-minimal{border-right:2px solid #667eea33;margin-bottom:1.2rem;padding-right:.8rem}.brand-word-line{align-items:center;display:flex;gap:.8rem;justify-content:flex-start;margin-bottom:.4rem;text-align:right}.brand-word-line:last-child{margin-bottom:0}.word-kurdish{color:#1e293b;font-size:1.1rem;font-weight:600}.word-separator{color:#94a3b8;font-weight:300}.word-meaning{color:#64748b;font-size:1rem;font-weight:400}.brand-meaning-text{color:#1e293b;font-size:1.1rem;font-weight:500;line-height:1.6;margin-bottom:.6rem}.brand-name{color:#22d3ee;font-weight:700;letter-spacing:.5px}.brand-mission-text{color:#64748b;font-size:1rem;font-weight:400;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:3.5rem 2rem}.section-title{color:var(--primary-dark);font-size:2.5rem;margin-bottom:3rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.container{padding-left:1rem;padding-right:1rem}.hero{min-height:auto;padding:3rem .75rem}.hero-container{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-content{order:2;text-align:center}.hero-image{order:1}.hero-image img{max-width:300px}.hero-image-tooltip{bottom:-50px}.tooltip-text{font-size:.85rem;padding:.6rem 1.2rem}.hero-title-main{font-size:3rem}.hero-subtitle{font-size:1.25rem}.hero-description{font-size:1.1rem}.hero-brand-story-minimal{margin-top:1.5rem}.brand-story-text{font-size:.95rem;line-height:1.5;margin-bottom:.8rem}.brand-words-minimal{margin-bottom:1rem;padding-right:.6rem}.brand-word-line{margin-bottom:.3rem}.word-kurdish{font-size:1rem}.word-meaning{font-size:.95rem}.brand-meaning-text{font-size:1rem;line-height:1.5;margin-bottom:.5rem}.brand-mission-text{font-size:.95rem;line-height:1.5}.section-title{font-size:2rem}}@media (max-width:480px){.container{padding-left:.5rem;padding-right:.5rem}.hero{padding:2rem .5rem}.hero-container{gap:1.5rem}.hero-image img{max-width:250px}.hero-image-tooltip{bottom:-45px}.tooltip-text{font-size:.8rem;max-width:200px;padding:.5rem 1rem;text-align:center;white-space:normal}.hero-title-main{font-size:2.5rem}.hero-description,.hero-subtitle{font-size:1rem}.hero-brand-story-minimal{margin-top:1.2rem}.brand-story-text{font-size:.9rem;line-height:1.5;margin-bottom:.7rem}.brand-words-minimal{margin-bottom:.9rem;padding-right:.6rem}.brand-word-line{gap:.6rem;margin-bottom:.3rem}.word-kurdish{font-size:.95rem}.word-meaning{font-size:.9rem}.brand-meaning-text{font-size:.95rem;line-height:1.5;margin-bottom:.4rem;text-align:center}.brand-mission-text{font-size:.9rem;line-height:1.5}.image-comparison-wrapper{height:50vh!important}}.slider-section{background:none;max-height:450px;overflow:hidden;padding:2rem 0;position:relative}.slider-bg-svg{opacity:1;pointer-events:none;z-index:0}.slider-bg-svg,.slider-bg-svg .svg-lines{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.slider-bg-svg .svg-lines{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.slider-wrapper{position:relative;width:100%;z-index:1}.coverflow-swiper{max-height:400px;padding:2.5rem 0;width:100%}.coverflow-swiper .swiper-slide{background-position:50%;background-size:cover;height:300px;width:300px}.coverflow-swiper .swiper-slide,.slide-content{align-items:center;display:flex;justify-content:center}.slide-content{border:2px solid #0000;border-radius:15px;box-shadow:0 10px 30px #0003;height:100%;overflow:visible;position:relative;transform:translateZ(0);transition:all .4s cubic-bezier(.4,0,.2,1);width:100%;will-change:transform}.slide-content img{border-radius:15px;display:block;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.coverflow-swiper .swiper-slide-active .slide-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:6px solid #ffffff80;box-shadow:0 15px 45px #667eea4d,0 0 30px #667eea33,inset 0 0 0 2px #fff9,0 0 60px #667eea26;position:relative}.coverflow-swiper .swiper-slide-active .slide-content:before{animation:borderGlow 3s ease infinite;background:linear-gradient(135deg,#667eeab3,#764ba2b3 50%,#667eeab3);background-size:200% 200%;border-radius:15px;bottom:-6px;content:"";filter:blur(12px);left:-6px;opacity:.8;position:absolute;right:-6px;top:-6px;z-index:-1}.coverflow-swiper .swiper-slide-active .slide-content:after{background:linear-gradient(135deg,#ffffff1a,#0000 50%,#ffffff1a);border-radius:15px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.coverflow-swiper .swiper-slide-active .slide-content img{transform:scale(1.02)}.slide-badge{animation:badgeFadeIn .5s ease-out;backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,rgba(102,126,234,.486),rgba(118,75,162,.418));border:5.5px solid #fff6;border-radius:50px;box-shadow:0 6px 24px #667eea4d,0 0 15px #667eea33,inset 0 1px 0 #ffffff80,inset 0 -1px 0 #0000001a;color:#fff;display:none;font-size:.85rem;font-weight:600;left:50%;overflow:hidden;padding:.45rem 1.3rem;pointer-events:none;position:absolute;text-shadow:0 2px 8px #0003;top:-30px;transform:translateX(-50%);white-space:nowrap;z-index:15}.coverflow-swiper .swiper-slide-active .slide-badge{display:block}.slide-badge:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%,#ffffff1a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.slide-badge>*{position:relative;z-index:1}@keyframes badgeFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.coverflow-swiper .swiper-slide{height:250px;width:250px}.coverflow-swiper,.slider-section{max-height:350px}.slide-badge{font-size:.8rem;padding:.4rem .6rem;top:-15px}}@media (max-width:480px){.coverflow-swiper .swiper-slide{height:325px;width:200px}.coverflow-swiper,.slider-section{max-height:500px}.slide-badge{font-size:.75rem;padding:.35rem .5rem;top:-30px}.coverflow-swiper .swiper-slide-active .slide-content{box-shadow:0 5px 5px #667eea4d,0 0 30px #667eea33,inset 0 0 0 2px #fff9,0 0 60px #667eea26}}.services-section{align-items:center;background:#0000;display:flex;min-height:auto;overflow:hidden;padding:0;position:relative}.services-background-pattern{display:none}.services-header{background:#0000;margin-bottom:1.5rem;padding:0;z-index:2}.services-title{align-items:center;display:flex;flex-direction:column;gap:.3rem;margin-bottom:.5rem}.services-title-main{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease-out;background:linear-gradient(135deg,#667eea,#764ba2 50%,#22d3ee);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:800;letter-spacing:-1px}.services-title-sub{animation:fadeInUp .8s ease-out .2s backwards;color:#667eea80;font-size:1rem;font-weight:400;letter-spacing:4px;text-transform:uppercase}.services-description{animation:fadeInUp .8s ease-out .4s backwards;color:#1e293b99;font-size:1.1rem;line-height:1.8;margin:0 auto;max-width:600px}.services-creative-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);margin:0 auto;max-width:1400px;padding:1rem 2rem;perspective:1000px;position:relative;z-index:1}.services-connection-lines{height:100%;left:0;opacity:.4;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.service-item{animation:serviceFloat 6s ease-in-out infinite;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#fff6;border:1px solid #fff3;border-radius:30px;box-shadow:0 20px 60px #0000001a,inset 0 1px 0 #ffffff80;cursor:pointer;overflow:hidden;padding:3rem 2.5rem;position:relative;transform:translateZ(0);transform-style:preserve-3d;transition:all .6s cubic-bezier(.4,0,.2,1);will-change:transform}.service-item-1{animation-delay:0s;grid-column:1;grid-row:1}.service-item-2{animation-delay:1.5s;grid-column:2;grid-row:1}.service-item-3{animation-delay:3s;grid-column:1;grid-row:2}.service-item-4{animation-delay:4.5s;grid-column:2;grid-row:2}@keyframes serviceFloat{0%,to{transform:translateY(0) rotateX(0deg) rotateY(0deg)}50%{transform:translateY(-15px) rotateX(2deg) rotateY(1deg)}}.service-item:before{background:radial-gradient(circle,#667eea1a 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .6s ease;width:200%;z-index:0}.service-item:hover{border-color:#667eea4d;box-shadow:0 30px 80px #667eea4d,inset 0 1px 0 #fff9;transform:translateY(-20px) rotateX(5deg) rotateY(2deg) scale(1.02)}.service-item:hover:before{opacity:1}.service-item:hover .service-floating-icon{transform:translateY(-10px) scale(1.1)}.service-item:hover .service-icon-orb{opacity:.6;transform:scale(1.3)}.service-item:hover .service-hover-effect{opacity:1;transform:scale(1)}.service-floating-icon{align-items:center;display:flex;height:120px;justify-content:center;pointer-events:none;right:-30px;top:-30px;width:120px;z-index:2}.service-floating-icon,.service-icon-orb{position:absolute;transition:all .6s cubic-bezier(.4,0,.2,1)}.service-icon-orb{animation:orbPulse 3s ease-in-out infinite;border-radius:50%;filter:blur(20px);height:100%;opacity:.3;width:100%}.service-icon-orb-1{background:linear-gradient(135deg,#667eea,#764ba2)}.service-icon-orb-2{background:linear-gradient(135deg,#f093fb,#f5576c)}.service-icon-orb-3{background:linear-gradient(135deg,#4facfe,#00f2fe)}.service-icon-orb-4{background:linear-gradient(135deg,#43e97b,#38f9d7)}.service-icon-main{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:3.5rem;position:relative;transition:all .6s cubic-bezier(.4,0,.2,1);z-index:1}.service-item-1 .service-icon-main{color:#667eea}.service-item-2 .service-icon-main{color:#f5576c}.service-item-3 .service-icon-main{color:#00f2fe}.service-item-4 .service-icon-main{color:#38f9d7}.service-item:hover .service-icon-main{filter:drop-shadow(0 8px 16px rgba(0,0,0,.3));transform:rotate(10deg) scale(1.1)}.service-content{margin-top:2rem;position:relative;z-index:1}.service-number{color:#667eea14;font-family:Arial,sans-serif;font-size:6rem;font-weight:900;line-height:1;pointer-events:none;position:absolute;right:0;top:-10px;transition:all .6s ease}.service-item:hover .service-number{color:#667eea26;transform:scale(1.1)}.service-title{color:#1e293b;font-size:1.8rem;font-weight:700;margin-bottom:.5rem;position:relative;text-align:right;transition:color .3s ease;z-index:1}.service-item:hover .service-title{color:#667eea}.service-subtitle{color:#667eeab3;font-size:.95rem;font-weight:500;letter-spacing:1px;margin-bottom:1.5rem}.service-description,.service-subtitle{position:relative;text-align:right;z-index:1}.service-description{color:#1e293bb3;font-size:1rem;line-height:1.9;transition:color .3s ease}.service-item:hover .service-description{color:#1e293bd9}.service-hover-effect{background:linear-gradient(90deg,#0000,#667eea 50%,#0000);bottom:0;height:4px;left:0;opacity:0;position:absolute;transform:scaleX(0);transition:all .6s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}@media (max-width:1024px){.services-creative-layout{gap:3rem;grid-template-columns:1fr;grid-template-rows:auto}.service-item-1,.service-item-2,.service-item-3,.service-item-4{grid-column:1;grid-row:auto}.services-title-main{font-size:2.5rem}}@media (max-width:768px){.services-section{min-height:auto;padding:0}.services-creative-layout{gap:1.5rem;padding:.5rem}.service-item{padding:2.5rem 1rem}.services-title-main{font-size:2rem}.services-title-sub{font-size:.9rem}.services-description{font-size:1rem}.service-floating-icon{height:100px;right:-25px;top:-25px;width:100px}.service-icon-main{font-size:3rem}.service-number{font-size:5rem}.service-title{font-size:1.6rem}}@media (max-width:480px){.services-section{padding:0}.service-content{margin-top:0}.services-header{margin-bottom:1rem}.services-creative-layout{gap:1.5rem;padding:.3rem}.service-item{animation:none;border-radius:25px;padding:.5rem .75rem}.services-title-main{font-size:1.8rem}.services-description{font-size:.8rem}.service-floating-icon{height:80px;left:-10px;right:auto;top:-20px;transform:scaleX(-1);width:80px}.service-icon-main{font-size:2.5rem}.service-number{font-size:4rem;top:-5px}.service-title{font-size:1.2rem}.service-subtitle{font-size:.8rem}.service-description{font-size:.9rem}}.features-section{overflow:visible;padding:5rem 0;position:relative}.animated-line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:lineDraw 8s ease-in-out infinite}.animated-dot{animation:dotPulse 3s ease-in-out infinite}@keyframes lineDraw{0%{stroke-dashoffset:1000;opacity:.4}50%{stroke-dashoffset:0;opacity:.9}to{stroke-dashoffset:-1000;opacity:.4}}@keyframes dotPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.3)}}.features-section .container{position:relative;z-index:1}.feature-connection-lines{left:0;overflow:visible;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.feature-connection-path{filter:drop-shadow(0 0 4px rgba(255,255,255,.6));opacity:1}.features-section-title{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#1e293b,#475569 50%,#1e293b);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#1e293b;font-size:2.5rem;font-weight:800;letter-spacing:-1px;margin-bottom:3rem;position:relative;text-align:center;z-index:1}.features-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));padding:1rem 0}.feature-card{animation:fadeInUp .6s ease-out backwards;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1.5px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 32px #0000001a,inset 0 1px 0 #fff6,inset 0 -1px 0 #0000000d;overflow:hidden;padding:1.5rem 1rem;position:relative;transform:translateZ(0);transition:all .4s cubic-bezier(.4,0,.2,1);will-change:transform}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.feature-card:nth-child(4){animation-delay:.4s}.feature-card:before{background:linear-gradient(135deg,#ffffff1a,#0000 50%,#ffffff0d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:0}.feature-card:hover{border-color:#ffffff80;box-shadow:0 16px 48px #667eea33,0 0 30px #667eea1a,inset 0 1px 0 #ffffff80,inset 0 -1px 0 #0000000d;transform:translateY(-8px)}.feature-card:hover:before{opacity:1}.feature-icon{align-items:center;animation:iconFloat 3s ease-in-out infinite;color:#06b6d4;display:flex;filter:drop-shadow(0 4px 12px rgba(6,182,212,.4));font-size:3.5rem;justify-content:center;margin-bottom:1.5rem;margin-top:1rem;position:relative;transition:all .3s ease;z-index:1}.feature-icon svg{color:inherit;filter:inherit}.feature-card:first-child .feature-icon{animation-delay:0s;color:#06b6d4;filter:drop-shadow(0 4px 12px rgba(6,182,212,.4))}.feature-card:nth-child(2) .feature-icon{animation-delay:.5s;color:#14b8a6;filter:drop-shadow(0 4px 12px rgba(20,184,166,.4))}.feature-card:nth-child(3) .feature-icon{animation-delay:1s;color:#0ea5e9;filter:drop-shadow(0 4px 12px rgba(14,165,233,.4))}.feature-card:nth-child(4) .feature-icon{animation-delay:1.5s;color:#22d3ee;filter:drop-shadow(0 4px 12px rgba(34,211,238,.4))}.feature-card:hover .feature-icon{filter:drop-shadow(0 6px 20px rgba(6,182,212,.6));transform:scale(1.1)}.feature-title{color:#1e293b;font-size:1.2rem;font-weight:700;margin-bottom:0}.feature-description,.feature-title{position:relative;text-align:center;z-index:1}.feature-description{color:#475569;font-size:.9rem;line-height:1.8}@keyframes iconFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.05)}}@media (max-width:768px){.features-section{padding:3rem 0}.features-section-title{font-size:2rem;margin-bottom:2rem}.features-grid{gap:1.5rem;grid-template-columns:1fr;padding:1rem 0}.feature-card{padding:2rem .75rem}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-title{font-size:1.3rem}.feature-description{font-size:.95rem}}@media (max-width:480px){.features-section{padding:2rem 0}.features-section-title{font-size:1.75rem;margin-bottom:1.5rem}.features-grid{gap:1.2rem}.feature-card{grid-gap:.5rem 1rem;align-items:center;display:grid;gap:.5rem 1rem;grid-template-columns:1fr auto;grid-template-rows:auto auto;padding:1.5rem .6rem}.feature-title{font-size:1.2rem;grid-column:1;grid-row:1;margin-bottom:0;text-align:right}.feature-icon{animation:none!important;font-size:2.5rem;grid-column:2;grid-row:1;margin-bottom:0;margin-top:0;transform:none!important}.feature-description{font-size:.9rem;grid-column:1/-1;grid-row:2;line-height:1.6;margin-top:.5rem;text-align:right}}.tech-section{overflow:hidden;padding:4rem 2rem;position:relative}.tech-content-wrapper{grid-gap:4rem;align-items:center;backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);background:linear-gradient(135deg,#fff6,#fff3);border:1px solid #ffffff80;border-radius:40px;box-shadow:0 20px 60px #0000001a,inset 0 1px 0 #fff9,inset 0 -1px 0 #0000000d;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:3rem;position:relative;z-index:1}.tech-image-container{align-items:center;display:flex;height:500px;justify-content:center;position:relative}.tech-main-image{border-radius:30px;box-shadow:0 20px 60px #00000026;height:100%;overflow:hidden;position:relative;width:100%;z-index:1}.tech-main-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.tech-main-image:hover img{transform:scale(1.05)}.floating-icon{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#ffffffe6);border:2px solid #ffffff80;border-radius:20px;box-shadow:0 10px 30px #0000001a,0 0 20px #22d3ee33;display:flex;height:80px;justify-content:center;position:absolute;transition:all .3s ease;width:80px;z-index:2}.floating-icon svg{color:#1e293b;font-size:2.5rem}.floating-icon:hover{box-shadow:0 15px 40px #00000026,0 0 30px #22d3ee4d;transform:scale(1.1) rotate(5deg)}.icon-wordpress{animation:floatWordPress 6s ease-in-out infinite;background:linear-gradient(135deg,#21759b1a,#fffffff2);left:-5%;top:10%}.icon-wordpress svg{color:#21749b}.icon-react{animation:floatReact 7s ease-in-out infinite;background:linear-gradient(135deg,#61dafb1a,#fffffff2);right:-8%;top:20%}.icon-react svg{color:#61dafb}.icon-php{animation:floatPHP 8s ease-in-out infinite;background:linear-gradient(135deg,#777bc01a,#fffffff2);bottom:15%;left:-10%}.icon-php svg{color:#777bb4}.icon-mongodb{animation:floatMongoDB 6.5s ease-in-out infinite;background:linear-gradient(135deg,#00e6761a,#fffffff2);bottom:25%;right:-5%}.icon-mongodb svg{color:#00e676}@keyframes floatWordPress{0%,to{transform:translateY(0) translateX(0) rotate(0deg)}25%{transform:translateY(-20px) translateX(10px) rotate(5deg)}50%{transform:translateY(-10px) translateX(-5px) rotate(-3deg)}75%{transform:translateY(-25px) translateX(15px) rotate(4deg)}}@keyframes floatReact{0%,to{transform:translateY(0) translateX(0) rotate(0deg)}33%{transform:translateY(-15px) translateX(-10px) rotate(-5deg)}66%{transform:translateY(-30px) translateX(5px) rotate(3deg)}}@keyframes floatPHP{0%,to{transform:translateY(0) translateX(0) rotate(0deg)}25%{transform:translateY(15px) translateX(-15px) rotate(-4deg)}50%{transform:translateY(5px) translateX(10px) rotate(6deg)}75%{transform:translateY(20px) translateX(-20px) rotate(-3deg)}}@keyframes floatMongoDB{0%,to{transform:translateY(0) translateX(0) rotate(0deg)}50%{transform:translateY(-20px) translateX(10px) rotate(5deg)}}.tech-text-content{text-align:right}.tech-title{color:#1e293b;font-size:3rem;font-weight:900;line-height:1.3;margin-bottom:2rem}.tech-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22d3ee,#06b6d4);-webkit-background-clip:text;background-clip:text}.tech-description{color:#475569;font-size:1.1rem;line-height:2;margin-bottom:3rem;text-align:justify}.tech-features{display:flex;flex-direction:column;gap:1.5rem}.tech-feature-item{align-items:flex-start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffc,#fff9);border:1px solid #ffffff80;border-radius:20px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .3s ease}.tech-feature-item:hover{border-color:#22d3ee4d;box-shadow:0 10px 30px #22d3ee33;transform:translateX(-10px)}.tech-feature-icon{align-items:center;color:#22d3ee;display:flex;flex-shrink:0;font-size:2.5rem;justify-content:center}.tech-feature-icon svg{height:100%;width:100%}.tech-feature-text h3{color:#1e293b;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.tech-feature-text p{color:#64748b;font-size:1rem;line-height:1.6}@media (max-width:968px){.tech-content-wrapper{gap:3rem;grid-template-columns:1fr;padding:2rem 1rem}.tech-image-container{height:400px;order:1}.tech-text-content{order:2;text-align:center}.tech-title{font-size:2.5rem}.floating-icon{height:60px;width:60px}.floating-icon svg{font-size:2rem}.icon-wordpress{left:-3%;top:5%}.icon-react{right:-5%;top:10%}.icon-php{bottom:10%;left:-5%}.icon-mongodb{bottom:20%;right:-3%}}@media (max-width:480px){.tech-section{padding:3rem .5rem}.tech-content-wrapper{border-radius:30px;padding:1.5rem .75rem}.tech-image-container{height:300px}.tech-title{font-size:2rem}.tech-description{font-size:.9rem;text-align:right}.tech-features{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.tech-feature-item{align-items:center;flex-direction:column;gap:.75rem;padding:1rem .75rem;text-align:center}.tech-feature-icon{font-size:1.8rem}.tech-feature-text h3{font-size:1rem;margin-bottom:.4rem}.tech-feature-text p{font-size:.85rem;line-height:1.5}.floating-icon{height:50px;width:50px}.floating-icon svg{font-size:1.5rem}}.scroll-indicator-wrapper{height:150px;justify-content:center;margin:-75px 0;overflow:visible;pointer-events:none;width:100%;z-index:10}.scroll-indicator,.scroll-indicator-wrapper{align-items:center;display:flex;position:relative}.scroll-indicator{flex-direction:column;gap:1rem}.scroll-line-svg{animation:scrollLineFloat 3s ease-in-out infinite;height:80px;position:relative;width:60px}.scroll-path{opacity:.9}.scroll-path,.scroll-path-highlight{stroke-dasharray:200;stroke-dashoffset:200;animation:scrollPathDraw 3s ease-in-out infinite}.scroll-path-highlight{animation-delay:.2s;opacity:.5}.scroll-icon-container{align-items:center;animation:scrollIconBounce 2s ease-in-out infinite;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#fff3,#ffffff1a);border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 32px #667eea4d,0 0 20px #22d3ee33,inset 0 1px 0 #fff6;display:flex;height:50px;justify-content:center;position:relative;width:50px;z-index:2}.scroll-icon{animation:scrollIconMove 2s ease-in-out infinite;color:#667eeae6;filter:drop-shadow(0 2px 8px rgba(102,126,234,.6));font-size:1.5rem}.scroll-waves{height:40px;margin-top:.5rem;overflow:hidden;position:relative;width:120px}.wave-svg{height:100%;left:0;position:absolute;top:0;width:100%}.wave-path{filter:drop-shadow(0 2px 4px rgba(102,126,234,.4));opacity:.7}.wave-1{animation:waveMove1 2s ease-in-out infinite}.wave-2{animation:waveMove2 2.5s ease-in-out infinite;opacity:.5}.scroll-glow-effect{animation:scrollGlowPulse 3s ease-in-out infinite;background:radial-gradient(circle,#667eea26 0,#764ba21a 40%,#0000 70%);border-radius:50%;height:200px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px;z-index:0}@keyframes scrollLineFloat{0%,to{opacity:.8;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-5px) scale(1.02)}}@keyframes scrollPathDraw{0%{stroke-dashoffset:200;opacity:.6}50%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-200;opacity:.6}}@keyframes waveMove1{0%,to{opacity:.7;transform:translateX(0)}50%{opacity:1;transform:translateX(10px)}}@keyframes waveMove2{0%,to{opacity:.5;transform:translateX(-10px)}50%{opacity:.8;transform:translateX(0)}}@keyframes scrollIconBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(10px) scale(1.05)}}@keyframes scrollIconMove{0%,to{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}@keyframes scrollGlowPulse{0%,to{opacity:.4;transform:translate(-50%,-50%) scale(1)}50%{opacity:.7;transform:translate(-50%,-50%) scale(1.2)}}@media (max-width:768px){.scroll-indicator-wrapper{height:120px;margin:-60px 0}.scroll-line-svg{height:70px;width:50px}.scroll-waves{height:35px;width:100px}.scroll-icon-container{height:45px;width:45px}.scroll-icon{font-size:1.3rem}.scroll-glow-effect{height:150px;width:150px}}@media (max-width:480px){.scroll-indicator-wrapper{height:100px;margin:-50px 0}.scroll-line-svg{height:60px;width:45px}.scroll-waves{height:30px;width:90px}.scroll-icon-container{height:40px;width:40px}.scroll-icon{font-size:1.1rem}.scroll-glow-effect{height:120px;width:120px}}.approach-section{overflow:hidden;padding:4rem 2rem;position:relative}.approach-content{backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);background:linear-gradient(135deg,#fff6,#fff3);border:1px solid #ffffff80;border-radius:40px;box-shadow:0 20px 60px #0000001a,inset 0 1px 0 #fff9,inset 0 -1px 0 #0000000d;margin:0 auto;max-width:1200px;padding:3rem;position:relative;z-index:1}.approach-main-card{background:#0000;border:none;box-shadow:none;overflow:visible;padding:0;position:relative}.approach-header{margin-bottom:2rem;text-align:center}.approach-title{color:#1e293b;font-size:3rem;font-weight:900;line-height:1.2;margin-bottom:1rem}.approach-highlight{display:inline-block}.approach-highlight,.hero-title-main .approach-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#22d3ee,#06b6d4);-webkit-background-clip:text;background-clip:text}.hero-title-main .approach-highlight{animation:none}.approach-intro{color:#64748b;font-size:1.2rem;font-weight:500}.approach-text-content{display:flex;flex-direction:column;gap:1.5rem}.approach-paragraph{align-items:flex-start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff9,#fff6);border:1px solid #ffffff80;border-radius:20px;display:flex;gap:1.5rem;padding:1.5rem;position:relative;transition:all .3s ease}.approach-paragraph:before{background:linear-gradient(180deg,#22d3ee,#06b6d4);border-radius:0 25px 25px 0;bottom:0;content:"";opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;width:4px}.approach-paragraph:hover{border-color:#22d3ee4d;box-shadow:0 10px 30px #22d3ee26;transform:translateX(-10px)}.approach-paragraph:hover:before{opacity:1}.approach-icon-wrapper{align-items:center;background:linear-gradient(135deg,#22d3ee33,#06b6d426);border:2px solid #22d3ee33;border-radius:18px;display:flex;flex-shrink:0;height:70px;justify-content:center;transition:all .3s ease;width:70px}.approach-paragraph:hover .approach-icon-wrapper{background:linear-gradient(135deg,#22d3ee4d,#06b6d440);border-color:#22d3ee66;box-shadow:0 8px 25px #22d3ee4d;transform:scale(1.1) rotate(5deg)}.approach-icon{color:#22d3ee;font-size:2rem;transition:all .3s ease}.approach-paragraph:hover .approach-icon{color:#06b6d4;transform:scale(1.1)}.approach-text{color:#475569;flex:1 1;font-size:1.1rem;line-height:2;margin:0;text-align:justify;text-align-last:right}@media (max-width:968px){.approach-section{padding:3rem .75rem}.approach-content{border-radius:30px;padding:2rem}.approach-title{font-size:2.5rem}.approach-intro{font-size:1.1rem}.approach-paragraph{gap:1.5rem;padding:1.5rem}.approach-icon-wrapper{height:60px;width:60px}.approach-icon{font-size:1.8rem}.approach-text{font-size:1rem}}@media (max-width:480px){.approach-section{padding:2rem 0}.approach-content{border-radius:25px;padding:1rem .8rem}.approach-title{font-size:1.8rem;padding-top:1.5rem}.approach-intro{font-size:1rem}.approach-paragraph{align-items:center;flex-direction:column;gap:1rem;padding:1.2rem;text-align:center}.approach-text-content{gap:1rem}.approach-icon-wrapper{height:55px;width:55px}.approach-icon{font-size:1.5rem}.approach-text{font-size:.9rem;text-align:justify}}.image-comparison-section{background:#0000;overflow:hidden;padding:0 0 1rem;position:relative}.image-comparison-header{margin-bottom:4rem;text-align:center}.image-comparison-title{color:#1e293b;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin:0 0 1rem}.image-comparison-description{color:#1e293bb3;font-size:1.1rem;margin:0}.image-comparison-slider{background:#000;border-radius:20px;box-shadow:0 20px 60px #00000026;cursor:col-resize;margin:0 auto;max-width:1200px;overflow:hidden;position:relative;user-select:none;-webkit-user-select:none}.image-comparison-wrapper{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.image-comparison-after,.image-comparison-before{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.comparison-image{display:block;height:100%;object-fit:cover;width:100%}.image-comparison-after{-webkit-clip-path:inset(0 50% 0 0);clip-path:inset(0 50% 0 0);transform:translateZ(0);transition:-webkit-clip-path .1s cubic-bezier(.4,0,.2,1);transition:clip-path .1s cubic-bezier(.4,0,.2,1);transition:clip-path .1s cubic-bezier(.4,0,.2,1),-webkit-clip-path .1s cubic-bezier(.4,0,.2,1);will-change:clip-path}.image-label{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#000000b3;border-radius:8px;box-shadow:0 4px 15px #0000004d;color:#fff;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1.5rem;position:absolute;top:2rem;z-index:10}.image-label-before{right:2rem}.image-label-after{background:#22d3eee6;left:2rem}.slider-handle{align-items:center;bottom:0;cursor:col-resize;display:flex;justify-content:center;position:absolute;top:0;touch-action:pan-x;transform:translateX(-50%);transition:left .1s cubic-bezier(.4,0,.2,1);width:4px;will-change:left,transform;z-index:20}.image-comparison-slider.dragging .image-comparison-after,.image-comparison-slider.dragging .slider-handle{transition:none}.slider-handle-line{background:linear-gradient(180deg,#fffc,#22d3ee 50%,#fffc);box-shadow:0 0 10px #22d3ee99;height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.slider-handle-circle{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border-radius:50%;box-shadow:0 4px 20px #0000004d,0 0 0 3px #22d3ee80,0 0 20px #22d3ee66;color:#06b6d4;cursor:grab;display:flex;height:50px;justify-content:center;position:absolute;transition:all .3s ease;width:50px}.slider-handle-circle:active{box-shadow:0 6px 30px #0006,0 0 0 4px #22d3eeb3,0 0 30px #22d3ee99;cursor:grabbing;transform:scale(1.1)}.slider-handle-circle svg{height:20px;width:20px}.image-comparison-slider:hover .slider-handle-line{box-shadow:0 0 15px #22d3eecc}.image-comparison-slider:hover .slider-handle-circle{box-shadow:0 6px 25px #00000059,0 0 0 4px #22d3ee99,0 0 25px #22d3ee80}@media (max-width:1024px){.image-comparison-section{padding:0 0 4rem}.image-comparison-title{font-size:2rem}.image-comparison-description{font-size:1rem}}@media (max-width:768px){.image-comparison-section{padding:0 0 3rem}.image-comparison-header{margin-bottom:2.5rem}.image-comparison-title{font-size:1.75rem}.image-label{font-size:.9rem;padding:.6rem;top:1.5rem}.image-label-before{right:.5rem}.image-label-after{left:.5rem}.slider-handle-circle{height:40px;width:40px}.slider-handle-circle svg{height:16px;width:16px}}@media (max-width:480px){.image-comparison-section{padding:0 0 .5rem}.image-comparison-header{margin-bottom:2rem}.image-comparison-title{font-size:1.5rem}.image-comparison-description{font-size:.9rem}.image-comparison-slider{border-radius:12px}.image-label{font-size:.85rem;padding:.5rem;top:1rem}.slider-handle-circle{height:35px;width:35px}.slider-handle-circle svg{height:14px;width:14px}}@media (max-width:768px){.approach-content,.approach-paragraph,.coverflow-swiper .swiper-slide-active .slide-content,.feature-card,.image-label,.image-modal-close-btn,.image-modal-content,.image-modal-overlay,.logo-modal-content,.logo-modal-overlay,.modal-close-btn,.scroll-icon-container,.service-item,.slide-badge,.slider-handle-circle,.tech-content-wrapper,.tech-feature-item,.tooltip-text{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.image-modal-content,.logo-modal-content{background:#fffffffa!important}.image-modal-overlay,.logo-modal-overlay{background:#000000d9!important}.service-item{background:#fffffff2!important}.feature-card{background:#ffffffe6!important}.approach-content,.tech-content-wrapper{background:#fffffff2!important}.feature-icon,.floating-icon,.service-icon-orb,.service-item{animation:none!important}.feature-card,.service-item,.slide-content{transform:translateZ(0);will-change:transform}*{-webkit-overflow-scrolling:touch;touch-action:pan-y}}@media (max-width:480px){*{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.feature-icon,.floating-icon,.scroll-icon-container,.scroll-line-svg,.scroll-waves,.service-icon-orb,.service-item{animation:none!important}.approach-content,.feature-card,.service-item,.tech-content-wrapper{box-shadow:0 4px 12px #0000001a!important}}.empty-state-wrapper{align-items:center;display:flex;justify-content:center;min-height:400px;padding:4rem 2rem;position:relative}.empty-state-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #0077b61a;border-radius:24px;box-shadow:0 8px 32px #0000000f,inset 0 1px 0 #ffffff80;max-width:500px;padding:3rem 2rem;width:100%}.empty-state-icon{filter:drop-shadow(0 10px 20px rgba(0,119,182,.15))}.empty-state-title{animation:fadeInUp .6s ease-out .2s backwards;color:var(--primary-dark);font-size:2rem;font-weight:700;margin-bottom:.75rem}.empty-state-text{animation:fadeInUp .6s ease-out .4s backwards;color:#64748b;font-size:1.1rem;line-height:1.6}.empty-state-subtext{animation:fadeInUp .6s ease-out .6s backwards;color:#94a3b8;font-size:1rem}@media (max-width:768px){.empty-state-wrapper{min-height:300px;padding:3rem 1.5rem}.empty-state-content{padding:2rem 1.5rem}.empty-state-icon{font-size:4rem;margin-bottom:1rem}.empty-state-title{font-size:1.5rem;margin-bottom:.5rem}.empty-state-text{font-size:1rem}.empty-state-subtext{font-size:.9rem}}.articles-page{animation:fadeIn .5s ease-out;min-height:100vh}.articles-page .container{margin:0 auto;max-width:1200px;padding:3rem 2rem}.articles-filters{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:3rem;padding:2rem 0}.filter-btn{background:#fff;border:1.5px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;color:#64748b;font-size:.95rem;font-weight:500;overflow:hidden;padding:.75rem 1.75rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.filter-btn:after{background:linear-gradient(90deg,var(--primary) 0,var(--primary-light) 100%);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%) scaleX(0);transition:transform .25s cubic-bezier(.4,0,.2,1);width:80%}.filter-btn:hover{background:#f8fafc;border-color:var(--primary-light);box-shadow:0 4px 12px #0077b61a;color:var(--primary-dark);transform:translateY(-1px)}.filter-btn:hover:after{transform:translateX(-50%) scaleX(1)}.filter-btn.active{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-color:var(--primary);box-shadow:0 4px 16px #0077b64d;color:#fff;transform:translateY(-1px)}.filter-btn.active:after{display:none}.filter-btn.active:hover{box-shadow:0 6px 20px #0077b659;transform:translateY(-2px)}.articles-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.article-card{animation:fadeInUp .6s ease-out forwards;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d,0 4px 12px #0000000a;display:flex;flex-direction:column;opacity:0;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.article-card:before{background:linear-gradient(90deg,var(--primary) 0,var(--primary-light) 100%);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1}.article-card:first-child{animation-delay:.1s}.article-card:nth-child(2){animation-delay:.2s}.article-card:nth-child(3){animation-delay:.3s}.article-card:nth-child(4){animation-delay:.4s}.article-card:nth-child(5){animation-delay:.5s}.article-card:nth-child(6){animation-delay:.6s}.article-card:nth-child(n+7){animation-delay:.7s}.article-card:hover{border-color:var(--primary-light);box-shadow:0 8px 24px #0077b61f,0 4px 12px #00000014;transform:translateY(-8px)}.article-card:hover:before{transform:scaleX(1)}.article-image{align-items:center;background:linear-gradient(135deg,var(--secondary-light) 0,var(--secondary) 100%);display:flex;font-size:4rem;height:220px;justify-content:center;overflow:hidden;position:relative;width:100%}.article-image:after{background:linear-gradient(180deg,#0000 0,#0000000d);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.article-card:hover .article-image:after{opacity:1}.article-image img{height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.article-card:hover .article-image img{transform:scale(1.05)}.article-image span{position:absolute;transition:transform .3s ease;z-index:1}.article-card:hover .article-image span{transform:scale(1.1)}.article-content{display:flex;flex-direction:column;flex-grow:1;padding:1.75rem}.article-category{background:linear-gradient(135deg,#0077b61a,#00b4d81a);border:1px solid #0077b626;border-radius:20px;color:var(--primary-dark);display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:1rem;padding:.4rem 1rem;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.article-card:hover .article-category{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-color:var(--primary);color:#fff;transform:translateY(-1px)}.article-content h3{color:#1e293b;font-size:1.35rem;font-weight:700;line-height:1.5;margin-bottom:.75rem;transition:color .3s ease}.article-card:hover .article-content h3{color:var(--primary-dark)}.article-content p{color:#64748b;flex-grow:1;font-size:.95rem;line-height:1.7;margin-bottom:1.25rem}.article-footer{border-top:1px solid #f1f5f9;justify-content:space-between;margin-top:auto;padding-top:1.25rem}.article-date,.article-footer{align-items:center;display:flex}.article-date{color:#94a3b8;font-size:.875rem;font-weight:500;gap:.5rem}.article-date:before{content:"📅";font-size:.875rem}.read-more-btn{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:10px;box-shadow:0 2px 8px #0077b633;color:#fff;font-size:.9rem;font-weight:600;overflow:hidden;padding:.6rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.read-more-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.read-more-btn:hover{box-shadow:0 4px 16px #0077b659;transform:translateX(-3px)}.read-more-btn:hover:before{left:100%}@media (max-width:768px){.articles-filters{gap:.5rem;padding:1.5rem 0}.filter-btn{border-radius:10px;font-size:.875rem;padding:.65rem 1.25rem}.articles-grid{grid-template-columns:1fr}}.article-detail-page{animation:fadeIn .5s ease-out;background-color:#f5f5f5;min-height:100vh}.article-detail-header{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);color:#fff;padding:4rem 2rem 3rem}.article-detail-header .container{margin:0 auto;max-width:900px}.back-link{color:var(--secondary-light);display:inline-block;margin-bottom:1rem;transition:color .3s}.back-link:hover{color:#fff}.article-detail-header .article-category{background-color:#fff3;border-radius:20px;display:inline-block;font-size:.9rem;margin-bottom:1rem;padding:.5rem 1.5rem}.article-detail-header h1{font-size:2.5rem;line-height:1.3;margin-bottom:1rem}.article-date{font-size:1rem;opacity:.9}.article-detail-page .container{margin:0 auto;max-width:900px;padding:3rem 2rem}.article-content-wrapper{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;overflow:hidden}.article-featured-image{max-height:400px;object-fit:cover;width:100%}.article-image-placeholder{align-items:center;background:linear-gradient(135deg,var(--secondary-light) 0,var(--secondary) 100%);display:flex;font-size:6rem;height:300px;justify-content:center;width:100%}.article-body{padding:3rem}.article-excerpt{border-bottom:2px solid var(--secondary-light);color:var(--primary);font-size:1.2rem;font-weight:500;margin-bottom:2rem;padding-bottom:2rem}.article-full-content{color:#666;font-size:1.1rem;line-height:2}.article-full-content p{margin-bottom:1.5rem}.article-not-found{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:4rem 2rem;text-align:center}.article-not-found h2{color:var(--primary-dark);margin-bottom:2rem}.back-btn{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:25px;font-weight:500;padding:1rem 2rem;transition:all .3s}.back-btn:hover{box-shadow:0 5px 20px #0077b666;transform:translateY(-3px)}@media (max-width:768px){.article-detail-header h1{font-size:1.8rem}.article-body{padding:2rem}.article-full-content{font-size:1rem}}.accordion-item{backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);background:linear-gradient(135deg,#fff6,#fff3);border:1px solid #ffffff80;border-radius:20px;box-shadow:0 4px 15px #0000000d,inset 0 1px 0 #fff6;cursor:pointer;flex:1 1;max-width:280px;min-width:200px;overflow:hidden;padding:2rem 1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.accordion-item:before{background:linear-gradient(135deg,#667eea1a,#764ba21a 50%,#22d3ee1a);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .4s ease;width:100%}.accordion-item:hover:before{opacity:1}.accordion-item:hover{border-color:#fffc;box-shadow:0 8px 25px #00000014,inset 0 1px 0 #fff9;transform:translateY(-5px)}.accordion-item.active{background:linear-gradient(135deg,#667eea4d,#764ba24d 50%,#22d3ee4d);border-color:#667eea80;box-shadow:0 10px 30px #667eea26,inset 0 1px 0 #fff9}.accordion-item.active:before{opacity:1}.accordion-item-content{align-items:center;display:flex;flex-direction:column;gap:1rem;position:relative;z-index:1}.accordion-icon-wrapper{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea33,#764ba233 50%,#22d3ee33);border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 2px 8px #0000000d;display:flex;height:80px;justify-content:center;transition:all .4s ease;width:80px}.accordion-item.active .accordion-icon-wrapper{background:linear-gradient(135deg,#667eea66,#764ba266 50%,#22d3ee66);box-shadow:0 4px 15px #667eea33;transform:scale(1.1)}.accordion-icon{color:#667eea;font-size:2.5rem;transition:all .4s ease}.accordion-item.active .accordion-icon{color:#fff;transform:scale(1.1)}.accordion-text{text-align:center}.accordion-title{color:#1e293b;font-size:1.1rem;font-weight:700;margin:0 0 .5rem;transition:color .4s ease}.accordion-item.active .accordion-title{color:#fff}.accordion-subtitle{color:#64748b;font-size:.85rem;font-weight:500;margin:0;transition:color .4s ease}.accordion-item.active .accordion-subtitle{color:#ffffffe6}.accordion-indicator{background:linear-gradient(90deg,#667eea00,#667eea80 50%,#667eea00);bottom:0;height:4px;left:0;position:absolute;transform:scaleX(0);transition:transform .4s ease;width:100%}.accordion-item.active .accordion-indicator{background:linear-gradient(90deg,#667eea,#764ba2 50%,#22d3ee);transform:scaleX(1)}@media (max-width:1024px){.accordion-item{max-width:240px;min-width:180px;padding:1.5rem 1.2rem}.accordion-icon-wrapper{height:70px;width:70px}.accordion-icon{font-size:2rem}.accordion-title{font-size:1rem}}@media (max-width:768px){.accordion-item{flex-basis:calc(50% - 0.375rem);flex-grow:0;flex-shrink:0;max-width:none;min-width:0;padding:1rem .75rem}.accordion-item-content{flex-direction:column;gap:.75rem;text-align:center}.accordion-icon-wrapper{height:55px;width:55px}.accordion-icon{font-size:1.6rem}.accordion-title{font-size:.95rem}.accordion-subtitle{font-size:.8rem}.accordion-text{text-align:center}}@media (max-width:480px){.accordion-item{flex-basis:calc(50% - 0.25rem);flex-grow:0;flex-shrink:0;padding:.9rem .6rem}.accordion-item-content{gap:.6rem}.accordion-icon-wrapper{height:45px;width:45px}.accordion-icon{font-size:1.4rem}.accordion-title{font-size:.9rem}.accordion-subtitle{font-size:.5rem}}.accordion-to-details-connector{align-items:center;display:flex;flex-direction:column;gap:.5rem;opacity:1;pointer-events:none;position:absolute;top:calc(100% + 1rem);transition:all .6s cubic-bezier(.4,0,.2,1);z-index:10}.connector-line{background:linear-gradient(180deg,#667eeacc,#764ba2cc 30%,#22d3eecc 60%,#667eea66);border-radius:3px;box-shadow:0 0 10px #667eea66,0 0 20px #764ba24d,0 0 30px #22d3ee33;height:50px;position:relative;width:3px}.connector-line:before{background:linear-gradient(135deg,#667eea,#764ba2 50%,#22d3ee);border-radius:50%;box-shadow:0 0 15px #667eea99;content:"";height:8px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:8px}@media (max-width:1024px){.accordion-to-details-connector{margin-top:1.5rem}.connector-line{height:45px;width:2.5px}}@media (max-width:768px){.accordion-to-details-connector{margin-top:1.2rem}.connector-line{height:35px;width:2.5px}}@media (max-width:480px){.accordion-to-details-connector{margin-top:1rem}.connector-line{height:30px;width:2px}}.services-accordion{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:0 auto;max-width:1400px;padding:0;position:relative}@media (max-width:1024px){.services-accordion{gap:1rem}}@media (max-width:768px){.services-accordion{align-items:stretch;flex-direction:row;gap:.75rem;justify-content:center;padding:0 1rem}}@media (max-width:480px){.services-accordion{gap:.5rem;padding:0 .75rem}}.service-details-header{align-items:center;border-bottom:2px solid #667eea33;display:flex;gap:2rem;margin-bottom:3rem;padding-bottom:2rem}.service-details-icon-wrapper{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea33,#764ba233 50%,#22d3ee33);border:1px solid #ffffff4d;border-radius:25px;box-shadow:0 8px 25px #667eea33;display:flex;height:100px;justify-content:center;width:100px}.service-details-icon{color:#667eea;font-size:3.5rem}.service-details-title-wrapper{flex:1 1}.service-details-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#22d3ee);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.5rem;font-weight:800;margin:0 0 .5rem}.service-details-subtitle{color:#64748b;font-size:1.2rem;font-weight:500;margin:0}@media (max-width:1024px){.service-details-header{gap:1.5rem}.service-details-icon-wrapper{height:80px;width:80px}.service-details-icon{font-size:3rem}.service-details-title{font-size:2rem}}@media (max-width:768px){.service-details-header{flex-direction:column;gap:1.5rem;text-align:center}.service-details-icon-wrapper{height:80px;width:80px}.service-details-title{font-size:1.75rem}.service-details-subtitle{font-size:1rem}}@media (max-width:480px){.service-details-title{font-size:1.5rem}}.service-details-description{align-items:flex-start;color:#475569;display:flex;flex-direction:row;font-size:1.2rem;gap:2.5rem;line-height:1.8;margin-bottom:3rem;text-align:justify;text-align-last:right}.service-details-description p{flex:1 1;margin:0;min-width:0}.service-details-image-wrapper{border-radius:20px;flex-shrink:0;height:350px;overflow:hidden;width:600px}.service-details-image{border-radius:20px;display:block;height:100%;object-fit:cover;width:100%}@media (max-width:768px){.service-details-description{font-size:1.1rem;gap:2rem}.service-details-image-wrapper{border-radius:15px;height:169px;width:300px}.service-details-image{border-radius:15px}}@media (max-width:480px){.service-details-description{flex-direction:column;font-size:1rem;gap:1.5rem}.service-details-description p{flex:none}.service-details-image-wrapper{border-radius:12px;height:205px;margin:0 auto;max-width:365px;width:100%}.service-details-image{border-radius:12px}}.service-details-section{margin-bottom:2.5rem}.service-details-section:last-child{margin-bottom:0}.service-details-section-title{border-bottom:2px solid #667eea33;color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem;position:relative}.service-details-section-title:after{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;bottom:-2px;content:"";height:2px;position:absolute;right:0;width:60px}.service-features-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));list-style:none;margin:0;padding:0}.service-feature-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #ffffff4d;border-radius:15px;display:flex;gap:1rem;padding:1rem 1.5rem;transition:all .3s ease}.service-feature-item:hover{background:#ffffffb3;box-shadow:0 4px 15px #667eea33;transform:translateX(-5px)}.feature-check{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 4px 12px #667eea4d;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:30px;justify-content:center;width:30px}.feature-text{color:#475569;font-size:.9rem;font-weight:500}@media (max-width:768px){.service-features-list{grid-template-columns:1fr}}@media (max-width:480px){.service-details-section-title{font-size:1.2rem}.service-feature-item{padding:.8rem 1rem}.feature-check{height:25px;width:25px}.feature-check,.feature-text{font-size:.9rem}}.service-work-item{align-items:stretch;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff9;border:1px solid #fff6;border-radius:16px;box-shadow:0 2px 12px #0000000a;display:flex;flex-direction:row;gap:0;margin-bottom:1.5rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.service-work-item:hover{border-color:#667eea40;box-shadow:0 8px 24px #667eea1f;transform:translateY(-2px)}.service-work-image-wrapper{align-self:stretch;background:linear-gradient(135deg,#667eea14,#764ba214 50%,#22d3ee14);flex-shrink:0;min-width:380px;overflow:hidden;position:relative;width:380px}.service-work-image{height:100%;object-fit:cover;width:100%}.service-work-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:1.5rem}.service-work-header{border-bottom:1px solid #667eea14;margin-bottom:1rem;padding-bottom:1rem}.service-work-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#22d3ee);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.2rem;font-weight:700;line-height:1.4;margin:0 0 .75rem}.service-work-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;flex:1 1;font-size:.9rem;line-height:1.7;margin:0 0 1.25rem;overflow:hidden;text-align:justify;text-align-last:right}.service-work-technologies{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.service-work-tech-tag{background:#667eea1a;border:1px solid #667eea26;border-radius:8px;color:#667eea;font-size:.75rem;font-weight:600;padding:.35rem .75rem;transition:all .2s ease}.service-work-tech-tag:hover{background:#667eea26;border-color:#667eea40;transform:translateY(-1px)}.service-work-footer{align-items:flex-start;border-top:1px solid #667eea14;display:flex;justify-content:flex-end;margin-top:auto;padding-top:1rem}.service-work-link-btn{align-items:center;background:#0000;border:1px solid #667eea4d;border-radius:6px;color:#667eea;display:inline-flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.service-work-link-btn:hover{background:#667eea0d;border-color:#667eea80}.service-work-link-btn svg{height:14px;transition:transform .2s ease;width:14px}.service-work-link-btn:hover svg{transform:translateX(-2px)}@media (max-width:1024px){.service-work-image-wrapper{min-width:320px;width:320px}.service-work-content{padding:1.25rem}.service-work-title{font-size:1.1rem}}@media (max-width:768px){.service-work-item{flex-direction:column;margin-bottom:1.25rem}.service-work-image-wrapper{height:200px;min-width:100%;width:100%}.service-work-content{padding:1.25rem}.service-work-title{font-size:1.05rem;margin-bottom:.6rem}.service-work-description{-webkit-line-clamp:4;font-size:.85rem;margin-bottom:1rem}.service-work-link-btn{justify-content:flex-start;padding:.5rem 1rem}}@media (max-width:480px){.service-work-item{border-radius:12px;margin-bottom:1rem}.service-work-image-wrapper{height:180px}.service-work-content{padding:1rem}.service-work-title{font-size:1rem;margin-bottom:.5rem}.service-work-description{-webkit-line-clamp:3;font-size:.8rem;margin-bottom:.875rem}.service-work-tech-tag{font-size:.7rem;padding:.3rem .65rem}.service-work-link-btn{font-size:.8rem;padding:.45rem .9rem}.service-work-link-btn svg{height:14px;width:14px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-theme-color);color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:44px;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:44px;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}svg{fill:currentColor;height:100%;object-fit:contain;pointer-events:none;transform-origin:center;width:100%}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:50%;top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:4px;left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:4px;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:50%;top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:4px;left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:4px;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon{transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:50%;left:var(--swiper-navigation-top-offset,50%);margin-left:-22px;margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:4px;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon{transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:4px;bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon{transform:rotate(90deg)}}}.service-portfolio-list{display:flex;flex-direction:column;gap:0;margin-top:0}.service-work-item-animated{animation:fadeInUp .6s ease-out forwards;opacity:0}.service-portfolio-more{align-items:flex-start;display:flex;justify-content:flex-end;margin-bottom:1.5rem;margin-top:.75rem;padding:0}.service-portfolio-more-btn{background:#667eea1a;border:1px solid #667eea33;border-radius:6px;box-shadow:inset 0 2px 4px #0000001a,inset 0 1px 2px #00000026,0 1px 0 #ffffff1a;color:#667eea;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.service-portfolio-more-btn:hover{background:#667eea26;box-shadow:inset 0 2px 4px #00000026,inset 0 1px 2px #0003,0 1px 0 #ffffff1a}.service-portfolio-more-btn:active{box-shadow:inset 0 3px 6px #0003,inset 0 2px 4px #00000040;transform:translateY(1px)}.service-portfolio-less-btn{background:#0000;border:1px solid #667eea4d;border-radius:6px;color:#667eea;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.service-portfolio-less-btn:hover{background:#667eea0d;border-color:#667eea80}.service-portfolio-less-btn:active{transform:translateY(0)}@media (max-width:768px){.service-portfolio-less-btn,.service-portfolio-more-btn{font-size:.85rem;padding:.5rem 1rem}}@media (max-width:480px){.service-portfolio-less-btn,.service-portfolio-more-btn{font-size:.8rem;padding:.45rem .9rem}}.service-portfolio-carousel-wrapper{margin-bottom:2rem;overflow:hidden;padding:2rem 0 3rem;position:relative;width:100%}.service-portfolio-carousel-swiper{overflow:visible;padding:3rem 0 4rem;width:100%}.service-portfolio-carousel-swiper .swiper-slide{align-items:center;display:flex;height:400px;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:300px}.service-portfolio-carousel-slide{opacity:.5;transform:scale(.85)}.service-portfolio-carousel-swiper .swiper-slide-active{opacity:1!important;transform:scale(1)!important;z-index:2}.service-portfolio-carousel-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:3px solid #0000;border-radius:20px;box-shadow:0 10px 40px #00000026,0 0 20px #0000001a;height:100%;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.service-portfolio-carousel-swiper .swiper-slide-active .service-portfolio-carousel-item{border-color:#667eea66;box-shadow:0 20px 60px #667eea4d,0 0 50px #667eea33,inset 0 1px 0 #fff9;transform:translateY(0)}.service-portfolio-carousel-item:hover{transform:translateY(-5px)}.service-portfolio-carousel-swiper .swiper-slide-active .service-portfolio-carousel-item:hover{box-shadow:0 25px 70px #667eea59,0 0 60px #667eea40,inset 0 1px 0 #fff9;transform:translateY(-8px)}.service-portfolio-carousel-image{display:block;height:100%;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.service-portfolio-carousel-item:hover .service-portfolio-carousel-image{transform:scale(1.05)}.service-portfolio-carousel-swiper .swiper-slide-active .service-portfolio-carousel-item:before{animation:borderGlow 3s ease infinite;background:linear-gradient(135deg,#667eeab3,#764ba2b3 50%,#667eeab3);background-size:200% 200%;border-radius:20px;bottom:-3px;content:"";filter:blur(8px);left:-3px;opacity:.6;position:absolute;right:-3px;top:-3px;z-index:-1}@keyframes borderGlow{0%,to{background-position:0 50%;opacity:.5}50%{background-position:100% 50%;opacity:.7}}.service-portfolio-carousel-swiper .swiper-button-next,.service-portfolio-carousel-swiper .swiper-button-prev{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #667eea33;border-radius:50%;box-shadow:0 4px 20px #00000026,0 0 10px #667eea1a;color:#667eea;height:50px;margin-top:-25px;top:50%;transition:all .3s ease;width:50px}.service-portfolio-carousel-swiper .swiper-button-next:hover,.service-portfolio-carousel-swiper .swiper-button-prev:hover{background:#fff;border-color:#667eea66;box-shadow:0 6px 30px #667eea4d,0 0 20px #667eea33;transform:scale(1.1)}.service-portfolio-carousel-swiper .swiper-button-next:after,.service-portfolio-carousel-swiper .swiper-button-prev:after{font-size:20px;font-weight:700}.service-portfolio-carousel-swiper .swiper-button-prev{left:20px;right:auto}.service-portfolio-carousel-swiper .swiper-button-next{left:auto;right:20px}@media (max-width:1024px){.service-portfolio-carousel-swiper{padding:2.5rem 0 3.5rem}.service-portfolio-carousel-swiper .swiper-slide{height:380px;width:280px}.service-portfolio-carousel-swiper .swiper-button-next,.service-portfolio-carousel-swiper .swiper-button-prev{height:45px;margin-top:-22.5px;width:45px}.service-portfolio-carousel-swiper .swiper-button-prev{left:15px}.service-portfolio-carousel-swiper .swiper-button-next{right:15px}}@media (max-width:768px){.service-portfolio-carousel-section{margin:2rem 0}.service-portfolio-carousel-wrapper{padding:1.5rem 0 3rem}.service-portfolio-carousel-swiper{padding:2rem 0 3rem}.service-portfolio-carousel-swiper .swiper-slide{height:350px;width:250px}.service-portfolio-carousel-slide{opacity:.6;transform:scale(.9)}.service-portfolio-carousel-swiper .swiper-button-next,.service-portfolio-carousel-swiper .swiper-button-prev{height:40px;margin-top:-20px;width:40px}.service-portfolio-carousel-swiper .swiper-button-next:after,.service-portfolio-carousel-swiper .swiper-button-prev:after{font-size:18px}.service-portfolio-carousel-swiper .swiper-button-prev{left:10px}.service-portfolio-carousel-swiper .swiper-button-next{right:10px}}@media (max-width:480px){.service-portfolio-carousel-section{margin:1.5rem 0}.service-portfolio-carousel-wrapper{padding:1rem 0 2.5rem}.service-portfolio-carousel-swiper{padding:1.5rem 0 2.5rem}.service-portfolio-carousel-swiper .swiper-slide{height:300px;width:220px}.service-portfolio-carousel-item{border-radius:16px}.service-portfolio-carousel-swiper .swiper-button-next,.service-portfolio-carousel-swiper .swiper-button-prev{height:35px;margin-top:-17.5px;width:35px}.service-portfolio-carousel-swiper .swiper-button-next:after,.service-portfolio-carousel-swiper .swiper-button-prev:after{font-size:16px}.service-portfolio-carousel-swiper .swiper-button-prev{left:5px}.service-portfolio-carousel-swiper .swiper-button-next{right:5px}}.accordion-content-paragraph{color:#475569;font-size:1rem;line-height:1.8;margin:1rem 0;text-align:justify;text-align-last:right}.accordion-content-section-title{border-bottom:1px solid #667eea33;color:#1e293b;font-size:1.05rem;font-weight:600;margin:1.5rem 0 1rem;padding-bottom:.5rem;text-align:right}.accordion-content-list{list-style:none;margin:1rem 0;padding:0 1.5rem 0 0}.accordion-content-list-item{color:#475569;font-size:1rem;line-height:1.8;margin-bottom:.75rem;padding-right:1.5rem;position:relative;text-align:justify}.accordion-content-list-item:before{color:#667eea;content:"•";font-size:1.2rem;font-weight:700;position:absolute;right:0}@media (max-width:768px){.accordion-content-paragraph{font-size:.95rem}.accordion-content-section-title{font-size:1rem}.accordion-content-list-item{font-size:.95rem}}@media (max-width:480px){.accordion-content-paragraph{font-size:.95rem}.accordion-content-section-title{font-size:1rem}.accordion-content-list-item{font-size:.95rem}}.service-accordion-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #ffffff4d;border-radius:15px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .3s ease}.service-accordion-item:hover{border-color:#667eea4d;box-shadow:0 4px 15px #667eea26}.service-accordion-item.open{border-color:#667eea80;box-shadow:0 6px 20px #667eea33}.service-accordion-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:.5rem;transition:all .3s ease;-webkit-user-select:none;user-select:none}.service-accordion-header:hover{background:#667eea0d}.service-accordion-header-content{align-items:center;display:flex;flex:1 1;gap:1.25rem}.service-accordion-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea26,#764ba226 50%,#22d3ee26);border:1px solid #667eea33;border-radius:12px;display:flex;flex-shrink:0;height:50px;justify-content:center;transition:all .3s ease;width:50px}.service-accordion-item.open .service-accordion-icon-wrapper{background:linear-gradient(135deg,#667eea4d,#764ba24d 50%,#22d3ee4d);border-color:#667eea66;transform:scale(1.05)}.service-accordion-icon{color:#667eea;font-size:1.5rem;transition:all .3s ease}.service-accordion-item.open .service-accordion-icon{color:#667eea;transform:scale(1.1)}.service-accordion-title{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0;text-align:right;transition:color .3s ease}.service-accordion-item.open .service-accordion-title{color:#667eea}.service-accordion-arrow{align-items:center;color:#64748b;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .3s ease;width:30px}.service-accordion-arrow.open{color:#667eea;transform:rotate(180deg)}.service-accordion-content{max-height:0;overflow:hidden;transition:max-height .4s ease}.service-accordion-item.open .service-accordion-content{max-height:2000px}.service-accordion-content-inner{animation:fadeIn .3s ease;padding:0 1.5rem 1.5rem}@media (max-width:768px){.service-accordion-header{padding:1.25rem}.service-accordion-header-content{gap:1rem}.service-accordion-icon-wrapper{height:45px;width:45px}.service-accordion-icon{font-size:1.3rem}.service-accordion-title{font-size:1rem}.service-accordion-content-inner{padding:0 1.25rem 1.25rem}}@media (max-width:480px){.service-accordion-header{padding:1.25rem}.service-accordion-header-content{gap:1rem}.service-accordion-icon-wrapper{height:45px;width:45px}.service-accordion-icon{font-size:1.3rem}.service-accordion-title{font-size:.8rem}.service-accordion-content-inner{padding:0 1.25rem 1.25rem}}.service-accordion-container{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.pricing-plans-section{animation:fadeInUp .6s ease-out;margin:3rem 0}.pricing-tabs{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:3rem}.pricing-tab{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:2px solid #0077b633;border-radius:15px;color:#1e293b;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2rem;transition:all .3s ease}.pricing-tab:hover{background:#0077b61a;border-color:#0077b666;box-shadow:0 5px 15px #0077b633;transform:translateY(-2px)}.pricing-tab.active{background:linear-gradient(135deg,#0077b6,#00b4d8);border-color:#0077b6;box-shadow:0 5px 20px #0077b64d;color:#fff}.pricing-tab-icon{font-size:1.3rem}.pricing-plans-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:2rem}.pricing-plan-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:2px solid #0077b633;border-radius:20px;box-shadow:0 10px 30px #0000001a;padding:2rem;position:relative;transition:all .3s ease}.pricing-plan-card:hover{border-color:#0077b666;box-shadow:0 15px 40px #0077b633;transform:translateY(-5px)}.pricing-plan-card.popular{border-color:#22d3ee;border-width:3px;box-shadow:0 15px 40px #0077b64d}.pricing-plan-card.popular:hover{transform:translateY(-5px)}.pricing-plan-badge{background:linear-gradient(135deg,#0077b6,#00b4d8);border-radius:20px;box-shadow:0 5px 15px #0077b64d;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1.5rem;position:absolute;right:50%;top:-15px;transform:translateX(50%);z-index:10}.pricing-plan-header{border-bottom:2px solid #0077b61a;margin-bottom:2rem;padding-bottom:1.5rem;text-align:center}.pricing-plan-name{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.pricing-plan-price{align-items:baseline;display:flex;gap:.5rem;justify-content:center;margin-bottom:.5rem}.pricing-plan-amount{color:#22d3ee;font-size:2.5rem;font-weight:800;line-height:1}.pricing-plan-currency{color:#64748b;font-size:1.2rem;font-weight:500}.pricing-plan-period{color:#64748b;font-size:.9rem;margin:0}.pricing-plan-features{margin-bottom:1.5rem;min-height:auto}.pricing-plan-feature.feature-expanded{animation:fadeInUp .3s ease-out}.pricing-plan-feature{align-items:flex-start;border-bottom:1px solid #0077b60d;display:flex;gap:.75rem;padding:.75rem 0}.pricing-plan-feature:last-child{border-bottom:none}.pricing-plan-feature.included{color:#1e293b}.pricing-plan-feature.excluded{color:#94a3b8;opacity:.6}.pricing-plan-feature-icon{flex-shrink:0;font-size:1.1rem;margin-top:.2rem}.pricing-plan-feature-icon.included-icon{color:#10b981}.pricing-plan-feature-icon.excluded-icon{color:#ef4444}.pricing-plan-feature-text{flex:1 1;font-size:.95rem;line-height:1.6}.pricing-plan-more-btn{background:#0000;border:2px solid #0077b6;border-radius:12px;color:#0077b6;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:1rem;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.pricing-plan-more-btn:hover{background:#0077b61a;box-shadow:0 5px 15px #0077b633;transform:translateY(-2px)}.pricing-plan-button{background:linear-gradient(135deg,#0077b6,#22d3ee);border:none;border-radius:12px;box-shadow:0 5px 15px #0077b64d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.pricing-plan-button:hover{background:linear-gradient(135deg,#005f8f,#0099c7);box-shadow:0 8px 25px #0077b666;transform:translateY(-2px)}.pricing-plan-card.popular .pricing-plan-button{background:linear-gradient(135deg,#03045e,#0077b6);box-shadow:0 5px 20px #03045e66}.pricing-plan-card.popular .pricing-plan-button:hover{background:linear-gradient(135deg,#02033a,#005f8f)}.pricing-plans-note{animation:fadeInUp .6s ease-out;background:linear-gradient(135deg,#0077b614,#00b4d814 50%,#90e0ef0d);border:2px solid #0077b626;border-radius:20px;box-shadow:0 10px 40px #0077b61a;margin-top:4rem;overflow:hidden;padding:3rem 2.5rem;position:relative;text-align:center}.pricing-plans-note:before{background:radial-gradient(circle,#0077b61a 0,#0000 70%);border-radius:50%;content:"";height:200px;position:absolute;right:0;top:0;transform:translate(30%,-30%);width:200px}.pricing-plans-note:after{background:radial-gradient(circle,#00b4d81a 0,#0000 70%);border-radius:50%;bottom:0;content:"";height:150px;left:0;position:absolute;transform:translate(-30%,30%);width:150px}.pricing-plans-note-icon-wrapper{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#0077b6,#00b4d8);border-radius:50%;box-shadow:0 8px 25px #0077b64d;display:inline-flex;height:80px;justify-content:center;margin:0 auto 1.5rem;position:relative;width:80px;z-index:1}.pricing-plans-note-icon{animation:rotate 3s linear infinite;color:#fff;font-size:2rem}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pricing-plans-note-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0077b6,#00b4d8);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 2rem;position:relative;z-index:1}.pricing-plans-note-content{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:1}.pricing-plans-note-item{align-items:flex-start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff9;border:1px solid #0077b61a;border-radius:15px;box-shadow:0 5px 15px #0000000d;display:flex;gap:1rem;padding:1.5rem;text-align:right;transition:all .3s ease}.pricing-plans-note-item-interactive{align-items:center;flex-direction:row;gap:.5rem}.pricing-plans-note-item-content{align-items:center;display:flex;flex-direction:row;gap:1.5rem;width:100%}.pricing-plans-note-item:hover{background:#fffc;border-color:#0077b633;box-shadow:0 8px 25px #0077b626;transform:translateY(-3px)}.pricing-plans-note-item-icon{animation:bounce 2s ease-in-out infinite;color:#0077b6;flex-shrink:0;font-size:1.5rem;margin-top:.3rem}.pricing-plans-note-item-interactive .pricing-plans-note-item-icon{align-self:center;margin-top:0}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.pricing-plans-note-text{color:#475569;flex:1 1;font-size:1.05rem;line-height:2;margin:0;min-width:0;text-align:right}.pricing-plans-note-text strong{font-weight:700}.pricing-plans-note-text strong.text-add{color:#10b981}.pricing-plans-note-text strong.text-remove{color:#ef4444}.customization-swiper-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #0077b626;border-radius:12px;flex-shrink:0;height:70px;overflow:hidden;padding:.5rem;width:300px}.customization-vertical-swiper{height:100%;width:100%}.customization-vertical-swiper .swiper-wrapper{display:flex;flex-direction:column}.customization-slide{align-items:center;display:flex;height:100%;justify-content:center;padding:0}.customization-slide-content{align-items:center;animation:slideInVertical .4s ease-out;border-radius:8px;display:flex;gap:.75rem;overflow:hidden;padding:.5rem .75rem;position:relative;transition:all .3s ease;width:100%}.customization-slide-content:before{background:currentColor;content:"";height:100%;opacity:.3;position:absolute;right:0;top:0;width:3px}@keyframes slideInVertical{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.customization-slide-content.slide-add{background:#10b9811a;border:1px solid #10b98133;color:#059669}.customization-slide-content.slide-add:before{background:#10b981;opacity:.4}.customization-slide-content.slide-remove{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.customization-slide-content.slide-remove:before{background:#ef4444;opacity:.4}.customization-slide-content:hover{box-shadow:0 2px 8px #0000001a;transform:translateX(-3px)}.customization-slide-icon-wrapper{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.25rem;padding:.25rem}.customization-slide-arrow{font-size:.65rem;opacity:.6}.customization-slide-content.slide-add .customization-slide-arrow{color:#10b981}.customization-slide-content.slide-remove .customization-slide-arrow{color:#ef4444}.customization-slide-main-icon{font-size:1.1rem}.customization-slide-text{color:#1e293b;flex:1 1;font-size:.85rem;font-weight:500;line-height:1.5;margin:0;text-align:right}@media (max-width:768px){.pricing-plans-note-item-content{flex-direction:column;gap:1rem}.customization-swiper-container{height:70px;padding:.5rem;width:100%}.customization-slide-content{gap:.5rem;padding:.4rem .6rem}.customization-slide-text{font-size:.8rem}.customization-slide-main-icon{font-size:1rem}.customization-slide-arrow{font-size:.6rem}}@media (max-width:480px){.pricing-plan-feature{padding:.2rem 0!important}.customization-swiper-container{height:65px;padding:.4rem}.customization-slide-content{gap:.4rem;padding:.35rem .5rem}.customization-slide-text{font-size:.75rem}.customization-slide-main-icon{font-size:.9rem}}.pricing-order-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffff4d;bottom:0;box-shadow:inset 0 0 0 1px #fff3;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;margin:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;width:100vw;z-index:99999}.pricing-order-modal{animation:slideUp .3s ease-out;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:linear-gradient(135deg,#fffffffa,#fffffff2);border:2px solid #0077b633;border-radius:25px;box-shadow:0 25px 80px #0006;display:flex;flex-direction:column;margin:auto;max-height:95vh;max-width:1200px;overflow:hidden;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pricing-order-modal-close{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#1e293b;cursor:pointer;display:flex;font-size:1.3rem;height:40px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:40px;z-index:10}.pricing-order-modal-close:hover{background:#ef444433;color:#ef4444;transform:rotate(90deg)}.pricing-order-modal-header{border-bottom:2px solid #0077b61a;padding:2.5rem 2rem 1.5rem;text-align:center}.pricing-order-modal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0077b6,#00b4d8);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.8rem;font-weight:700;margin:0 0 1rem}.pricing-order-modal-plan-info{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.pricing-order-modal-type{background:linear-gradient(135deg,#0077b6,#00b4d8);border-radius:20px;box-shadow:0 5px 15px #0077b64d;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1.25rem}.pricing-order-modal-price{background:#0077b61a;border:2px solid #0077b633;border-radius:20px;color:#0077b6;font-size:1.1rem;font-weight:700;padding:.5rem 1.25rem}.pricing-order-modal-content{flex:1 1;max-height:calc(95vh - 200px);overflow-y:auto;padding:2rem}.pricing-order-modal-two-column{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.pricing-order-modal-left-column{display:flex;flex-direction:column}.pricing-order-modal-right-column{display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0}.pricing-order-modal-plan-summary{background:linear-gradient(135deg,#0077b614,#00b4d814);border:1px solid #0077b626;border-radius:15px;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0}.pricing-order-modal-plan-summary h4{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0077b6,#00b4d8);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.3rem;font-weight:700;margin:0 0 1.5rem;text-align:center}.pricing-order-modal-features-preview{background:#ffffffe6;border:1px solid #0077b61a;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:1.25rem}.pricing-order-features-table{border-collapse:collapse;width:100%}.pricing-order-features-table tbody tr{transition:background-color .2s ease}.pricing-order-features-table tbody tr:hover{background-color:#0077b60d}.pricing-order-features-table tbody tr:not(:last-child){border-bottom:1px solid #0077b614}.feature-icon-cell{padding:.75rem .5rem;text-align:center;vertical-align:middle;width:40px}.feature-check-icon{color:#10b981;font-size:1.1rem}.feature-text-cell{color:#1e293b;font-size:.95rem;padding:.75rem .5rem;text-align:right;vertical-align:middle}.more-features-row{border-top:2px solid #0077b633;margin-top:.5rem}.more-features-cell{background:#0077b61a;border-radius:8px;color:#0077b6;font-size:1rem;font-weight:700;padding:1rem;text-align:center}.pricing-order-form{display:flex;flex-direction:column;gap:1.5rem;height:100%}.pricing-order-form-group{display:flex;flex-direction:column;gap:.2rem}.pricing-order-form-group label{color:#1e293b;font-size:1rem;font-weight:600;text-align:right}.pricing-order-form-group input,.pricing-order-form-group textarea{background:#ffffffe6;border:2px solid #0077b633;border-radius:12px;color:#1e293b;direction:rtl;font-family:inherit;font-size:1rem;padding:1rem 1.25rem;text-align:right;transition:all .3s ease}.pricing-order-form-group input:focus,.pricing-order-form-group textarea:focus{background:#fff;border-color:#0077b6;box-shadow:0 0 0 3px #0077b61a;outline:none}.pricing-order-form-group input::placeholder,.pricing-order-form-group textarea::placeholder{color:#94a3b8;text-align:right}.pricing-order-form-group textarea{min-height:100px;resize:vertical}.pricing-order-success{padding:3rem 2rem;text-align:center}.pricing-order-success-icon{align-items:center;animation:scaleIn .5s ease-out;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 10px 30px #10b9814d;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.pricing-order-success h3{color:#1e293b;font-size:1.8rem;font-weight:700;margin:0 0 1rem}.pricing-order-success p{color:#475569;font-size:1.1rem;line-height:1.8;margin:0}.pricing-order-modal-actions{border-top:2px solid #0077b61a;display:flex;gap:1rem;padding:1.5rem 2rem 2rem}.pricing-order-modal-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.pricing-order-modal-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.pricing-order-modal-btn-primary{background:linear-gradient(135deg,#0077b6,#00b4d8);box-shadow:0 5px 15px #0077b64d;color:#fff}.pricing-order-modal-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#005f8f,#0099c7);box-shadow:0 8px 25px #0077b666;transform:translateY(-2px)}.pricing-order-modal-btn-secondary{background:#0000000d;border:2px solid #0000001a;color:#475569}.pricing-order-modal-btn-secondary:hover:not(:disabled){background:#0000001a;border-color:#0003}@media (max-width:1200px){.pricing-order-modal{max-width:95%}}@media (max-width:768px){.pricing-order-modal-overlay{padding:.5rem}.pricing-order-modal{border-radius:20px;max-height:100vh;max-width:100%}.pricing-order-modal-content{max-height:calc(100vh - 180px)}.pricing-order-modal-two-column{gap:1.5rem;grid-template-columns:1fr}.pricing-order-modal-plan-summary,.pricing-order-modal-right-column{position:static}.pricing-order-features-table{font-size:.9rem}.feature-text-cell{font-size:.85rem;padding:.5rem}.pricing-order-modal-header{padding:2rem 1.5rem 1.25rem}.pricing-order-modal-title{font-size:1.5rem}.pricing-order-modal-content{padding:1.5rem}.pricing-order-modal-plan-summary{padding:1.25rem}.pricing-order-form{gap:1.25rem}.pricing-order-modal-actions{flex-direction:column;gap:.75rem}.pricing-order-modal-btn{width:100%}.pricing-order-success{padding:2rem 1.5rem}.pricing-order-success-icon{font-size:2rem;height:70px;width:70px}.pricing-order-success h3{font-size:1.5rem}}@media (max-width:1024px){.pricing-plans-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.pricing-plans-section{margin:2rem 0}.pricing-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:.5rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.pricing-tabs::-webkit-scrollbar{height:4px}.pricing-tabs::-webkit-scrollbar-track{background:#0077b61a;border-radius:10px}.pricing-tabs::-webkit-scrollbar-thumb{background:#0077b64d;border-radius:10px}.pricing-tab{flex-shrink:0;font-size:.85rem;padding:.6rem 1rem;white-space:nowrap}.pricing-tab-icon{font-size:.95rem}.pricing-plans-grid{gap:1.5rem;grid-template-columns:1fr}.pricing-plan-card{padding:1.5rem}.pricing-plan-card.popular{transform:scale(1)}.pricing-plan-name{font-size:1.3rem}.pricing-plan-amount{font-size:2rem}.pricing-plan-features{min-height:auto}}@media (max-width:480px){.pricing-tabs{gap:.4rem;margin-bottom:1.5rem}.pricing-tab{font-size:.75rem;gap:.5rem;padding:.5rem .8rem}.pricing-tab-icon{font-size:.85rem}.pricing-plan-card{border-radius:15px;padding:1.25rem}.pricing-plan-name{font-size:1.2rem}.pricing-plan-amount{font-size:1.8rem}.pricing-plan-feature-text{font-size:.9rem}.pricing-plans-note{margin-top:2.5rem;padding:2rem 1.5rem}.pricing-plans-note-icon-wrapper{height:70px;margin-bottom:1.25rem;width:70px}.pricing-plans-note-icon{font-size:1.75rem}.pricing-plans-note-title{font-size:1.3rem;margin-bottom:1.5rem}.pricing-plans-note-content{gap:1.25rem}.pricing-plans-note-item{align-items:center;flex-direction:column;padding:1.25rem;text-align:center}.pricing-plans-note-item-icon{font-size:1.3rem;margin-bottom:.5rem;margin-top:0}.pricing-plans-note-text{font-size:1rem;line-height:1.8;text-align:center}}.service-details{animation:fadeInUp .6s ease-out;backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);background:linear-gradient(135deg,#fff6,#fff3);border:1px solid #ffffff80;border-radius:30px;box-shadow:0 20px 60px #0000001a,inset 0 1px 0 #fff9;padding:3rem}.service-details-content{animation:fadeIn .6s ease-out .2s backwards}.service-details-full-text{color:#475569;font-size:1.1rem;line-height:2;margin:0;text-align:justify;text-align-last:right}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.service-details{padding:2.5rem}}@media (max-width:768px){.service-details{border-radius:20px;padding:2rem}}@media (max-width:480px){.service-details{padding:1rem}.service-details-full-text{font-size:1rem}}.services-page{animation:fadeIn .5s ease-out;background:#0000;min-height:100vh;overflow:hidden;position:relative}.services-header{color:#1e293b;padding:4rem 0 2rem;position:relative;text-align:center;z-index:1}.services-page .container{margin:0 auto;max-width:1400px;padding:0 0 4rem;position:relative;z-index:1}@media (max-width:768px){.services-header{padding:3rem 0 1.5rem}.services-page .container{padding:3rem 0}}@media (max-width:480px){.services-header{padding:.5rem 0 1rem}.services-page .container{padding:2rem 0}}.project-detail-page{min-height:100vh}.project-detail-header{background:linear-gradient(135deg,#667eea1a,#764ba21a 50%,#22d3ee1a);height:60vh;max-height:600px;min-height:400px;overflow:visible;position:relative;width:100%}.project-header-image-wrapper{height:100%;overflow:hidden;position:relative;width:100%;z-index:1}.project-header-image{border-radius:0 0 20px 20px}.project-additional-images-overlay{bottom:0;display:flex;flex-direction:row;gap:.75rem;left:0;padding-left:.75rem;position:absolute;transform:translateY(50%);z-index:100}.project-additional-image-thumb{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #ffffff80;border-radius:8px;box-shadow:0 4px 15px #0000004d;cursor:pointer;height:150px;overflow:hidden;position:relative;transition:all .3s ease;width:150px;z-index:101}.project-additional-image-thumb:hover{border-color:#fffc;box-shadow:0 8px 25px #0006;transform:scale(1.05)}.project-additional-thumb-image,.project-header-image{display:block;height:100%;object-fit:cover;width:100%}.project-image-modal{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.project-image-modal-content{animation:zoomIn .3s ease;max-height:90vh;max-width:90vw;position:relative}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.project-image-modal-close{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:0;top:-3rem;transition:all .3s ease;width:40px;z-index:1001}.project-image-modal-close:hover{background:#ffffff4d;border-color:#ffffff80;transform:rotate(90deg)}.project-image-modal-image{border-radius:12px;box-shadow:0 20px 60px #00000080;max-height:90vh;max-width:100%;object-fit:contain}.project-header-overlay{align-items:flex-start;background:linear-gradient(180deg,#0000004d 0,#0000001a 50%,#00000080);bottom:0;display:flex;left:0;padding-top:2rem;position:absolute;right:0;top:0}.back-link{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:8px;color:#fff;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s ease}.back-link:hover{background:#ffffff40;border-color:#ffffff4d;transform:translateX(-5px)}.back-link svg{height:18px;width:18px}.project-detail-content{margin:0 auto;padding:1rem 0}.project-detail-title-section{border-bottom:2px solid #667eea26;margin-bottom:2.5rem;padding-bottom:1.5rem}.project-detail-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#22d3ee);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.5rem;font-weight:700;line-height:1.3;margin:0 0 1.5rem}.project-detail-technologies{display:flex;flex-wrap:wrap;gap:.75rem}.project-tech-tag{background:#667eea1a;border:1px solid #667eea33;border-radius:8px;color:#667eea;font-size:.875rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.project-tech-tag:hover{background:#667eea26;border-color:#667eea4d;transform:translateY(-2px)}.project-detail-description{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;border:1px solid #fff6;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2.5rem}.project-detail-description p{color:#334155;font-size:1.1rem;text-align:justify;text-align-last:right}.project-detail-description p:last-child{margin-bottom:0}.project-detail-description br{content:"";display:block;margin:1rem 0}.project-detail-image-below-text{align-items:center;display:flex;justify-content:center;margin:2.5rem 0;width:100%}.project-image-below-text{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff80;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 8px 30px #0000001f;height:auto;max-width:100%;object-fit:contain;transition:transform .3s ease,box-shadow .3s ease;width:100%}.project-image-below-text:hover{box-shadow:0 12px 40px #0000002e;transform:translateY(-5px)}@media (max-width:768px){.project-detail-image-below-text{margin:2rem 0}.project-image-below-text{border-radius:12px}}@media (max-width:480px){.project-detail-image-below-text{margin:1.5rem 0}.project-image-below-text{border-radius:10px}}.project-detail-action-section{align-items:center;border-top:2px solid #667eea26;display:flex;flex-direction:column;gap:1rem;margin-top:3rem;padding-top:2rem;text-align:center}.project-detail-order-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669 50%,#047857);border-radius:12px;box-shadow:0 4px 15px #10b9814d;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.75rem;padding:1.125rem 2.5rem;text-decoration:none;transition:all .3s ease}.project-detail-order-btn:hover{background:linear-gradient(135deg,#059669,#047857 50%,#065f46);box-shadow:0 8px 25px #10b98180;transform:translateY(-3px)}.project-detail-order-btn svg{height:20px;width:20px}.project-detail-back-btn{align-items:center;background:#667eea1a;border:2px solid #667eea33;border-radius:12px;color:#667eea;display:inline-flex;font-size:1rem;font-weight:600;gap:.75rem;padding:.875rem 2rem;text-decoration:none;transition:all .3s ease}.project-detail-back-btn:hover{background:#667eea26;border-color:#667eea66;box-shadow:0 4px 15px #667eea33;transform:translateY(-2px)}.project-detail-back-btn svg{height:20px;width:20px}.project-not-found{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;border-radius:16px;margin:3rem auto;max-width:600px;padding:4rem 2rem;text-align:center}.project-not-found h2{color:#1e293b;font-size:2rem;margin-bottom:1.5rem}.back-btn{background:linear-gradient(135deg,#667eea,#764ba2 50%,#22d3ee);border-radius:8px;color:#fff;display:inline-block;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.back-btn:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-2px)}@media (max-width:768px){.project-detail-header{height:50vh;min-height:300px}.project-header-overlay{padding-top:1.5rem}.back-link{font-size:.9rem;padding:.6rem 1rem}.project-additional-images-overlay{bottom:0;flex-direction:row;gap:.5rem;left:0;padding-left:.5rem;transform:translateY(50%)}.project-additional-image-thumb{border-radius:6px;height:120px;width:120px}.project-detail-content{padding:2rem 0}.project-detail-title{font-size:2rem}.project-detail-description{padding:1.5rem}.project-detail-description p{font-size:1rem;line-height:1.8}}@media (max-width:480px){.project-detail-header{height:40vh;min-height:250px}.project-additional-images-overlay{bottom:0;flex-direction:row;gap:.5rem;left:0;padding-left:.5rem;transform:translateY(50%)}.project-additional-image-thumb{border-radius:6px;height:100px;width:100px}.project-image-modal{padding:1rem}.project-image-modal-close{height:35px;top:-2.5rem;width:35px}.project-detail-title{font-size:1.75rem}.project-detail-description{padding:1.25rem}.project-detail-description p{font-size:.95rem;line-height:1.7}.project-detail-action-section{gap:.875rem;margin-top:2rem;padding-top:1.5rem}.project-detail-order-btn{font-size:1rem;justify-content:center;max-width:400px;padding:1rem 2rem;width:100%}.project-detail-back-btn{font-size:.9rem;justify-content:center;max-width:400px;padding:.75rem 1.5rem;width:100%}.project-tech-tag{font-size:.8rem;padding:.4rem .8rem}}.products-page{animation:fadeIn .5s ease-out;min-height:100vh;padding-bottom:4rem}.products-hero{padding:2rem 0 1rem;text-align:center}.products-hero .container{position:relative}.products-title{animation:fadeInUp .8s ease-out;font-size:2.5rem;font-weight:800;margin-bottom:0}.products-title .products-word{color:#242e6f}.products-title .haryad-word{color:#00b4d8}.products-page .container{margin:0 auto;max-width:1400px;padding:1rem}.products-controls{align-items:center;background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.search-bar{flex:1 1;min-width:250px;position:relative}.search-icon{color:#667eea;font-size:1.2rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.search-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:.9rem 1rem .9rem 3rem;transition:all .3s}.search-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.controls-right{flex-wrap:wrap;gap:1rem}.controls-right,.filter-btn{align-items:center;display:flex}.filter-btn{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;font-size:1rem;font-weight:600;gap:.5rem;padding:.9rem 1.5rem;transition:all .3s}.filter-btn.active,.filter-btn:hover{background:#667eea;border-color:#667eea;box-shadow:0 5px 15px #667eea4d;color:#fff;transform:translateY(-2px)}.sort-select{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;font-size:1rem;padding:.9rem 1.5rem;transition:all .3s}.sort-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.view-mode-toggle{background:#f1f5f9;border-radius:12px;display:flex;gap:.5rem;padding:.3rem}.view-mode-toggle button{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:1.1rem;padding:.7rem 1rem;transition:all .3s}.view-mode-toggle button.active{background:#667eea;box-shadow:0 2px 8px #667eea4d;color:#fff}.filters-panel{animation:slideDown .3s ease-out;background:#fff;border-radius:15px;box-shadow:0 5px 20px #00000014;padding:2rem}.filter-group,.filters-panel{margin-bottom:2rem}.filter-group:last-child{margin-bottom:0}.filter-group label{color:#1e293b;display:block;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.category-filters{display:flex;flex-wrap:wrap;gap:.8rem}.category-filters button{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:25px;color:#475569;cursor:pointer;font-size:.95rem;font-weight:500;padding:.7rem 1.5rem;transition:all .3s}.category-filters button.active,.category-filters button:hover{background:#667eea;border-color:#667eea;box-shadow:0 5px 15px #667eea4d;color:#fff;transform:translateY(-2px)}.compare-bar{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 1.5rem}.compare-btn,.compare-info{font-weight:600}.compare-btn{background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;padding:.6rem 1.5rem;transition:all .3s}.compare-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.products-grid.list-view{grid-template-columns:1fr}.products-grid.list-view .product-card{flex-direction:row;max-width:100%}.products-grid.list-view .product-image{flex-shrink:0;height:300px;width:300px}.products-grid.list-view .product-info{flex:1 1}.product-card{animation:fadeInUp .6s ease-out forwards;background:#fff;border-radius:20px;box-shadow:0 5px 20px #00000014;display:flex;flex-direction:column;opacity:0;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.product-card:hover{box-shadow:0 20px 50px #00000026;transform:translateY(-10px) scale(1.02)}.product-image{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#22d3ee);display:flex;font-size:5rem;height:280px;justify-content:center;overflow:hidden;position:relative;width:100%}.product-image:before{background:linear-gradient(135deg,#667eea1a,#22d3ee1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.product-card:hover .product-image:before{opacity:1}.product-image img{height:100%;object-fit:cover;transition:transform .4s;width:100%}.product-card:hover .product-image img{transform:scale(1.1)}.product-image span{filter:drop-shadow(0 5px 15px rgba(0,0,0,.2));position:absolute;z-index:1}.product-actions{display:flex;flex-direction:column;gap:.5rem;left:1rem;opacity:0;position:absolute;top:1rem;transform:translateX(-10px);transition:all .3s;z-index:2}.product-card:hover .product-actions{opacity:1;transform:translateX(0)}.action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 10px #0000001a;color:#475569;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;width:40px}.action-btn:hover{background:#667eea;box-shadow:0 5px 20px #667eea66;color:#fff;transform:scale(1.1)}.action-btn.active{background:#ef4444;color:#fff}.action-btn:disabled{cursor:not-allowed;opacity:.5}.stock-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ef4444f2;border-radius:20px;color:#fff;font-size:.85rem;font-weight:600;padding:.4rem .8rem;position:absolute;right:1rem;top:1rem;z-index:2}.product-info{display:flex;flex-direction:column;flex-grow:1;padding:2rem}.product-card .product-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:.5rem}.product-info h3{color:#1e293b;flex:1 1;font-size:1.5rem;font-weight:700;margin:0}.product-rating{align-items:center;background:#fef3c7;border-radius:20px;color:#92400e;display:flex;font-size:.9rem;font-weight:600;gap:.3rem;padding:.3rem .8rem}.star-icon{color:#fbbf24;font-size:.9rem}.product-category{background:#e0e7ff;border-radius:15px;color:#667eea;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:1rem;padding:.3rem .8rem}.product-description{color:#64748b;font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}.product-footer{border-top:2px solid #f1f5f9;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:auto;padding-top:1.5rem}.product-footer,.product-price{align-items:center;display:flex}.price-value{color:#242e6f;font-size:1.2rem;font-weight:700}.product-actions-footer{display:flex;gap:.8rem}.buy-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;padding:.9rem 2rem;transition:all .3s}.buy-btn:hover{box-shadow:0 8px 25px #667eea80;transform:translateY(-3px)}.no-results{background:#fff;border-radius:20px;box-shadow:0 5px 20px #00000014;padding:4rem 2rem;text-align:center}.no-results p{color:#64748b;font-size:1.5rem;margin-bottom:1.5rem}.no-results button{background:#667eea;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s}.no-results button:hover{background:#764ba2;transform:translateY(-2px)}.results-count{color:#64748b;font-weight:600;margin-top:2rem;padding:1rem;text-align:center}@media (max-width:1024px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.products-hero{padding:1.5rem 0 1rem}.products-title{font-size:2rem}.products-controls{align-items:stretch;flex-direction:column}.search-bar{width:100%}.controls-right{justify-content:space-between;width:100%}.products-grid{grid-template-columns:1fr}.products-grid.list-view .product-card{flex-direction:column}.products-grid.list-view .product-image{height:250px;width:100%}.product-footer{align-items:stretch;flex-direction:column}.product-actions-footer{width:100%}.filters-panel{padding:1.5rem}}@media (max-width:480px){.products-page .container{padding:1rem}.products-hero{padding:1rem 0 .5rem}.products-title{font-size:1.75rem}.products-controls{padding:1rem}.view-mode-toggle{display:none}.product-card{border-radius:15px}.product-info{padding:1.5rem}}.products-empty-state{align-items:center;animation:fadeIn .5s ease-out;display:flex;justify-content:center;min-height:60vh;overflow:hidden;padding:4rem 2rem;position:relative}.floating-products-container{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.floating-product-icon{animation:floatAndRotate 20s ease-in-out infinite;animation:floatAndRotate var(--duration,20s) ease-in-out infinite;animation-delay:0s;animation-delay:var(--delay,0s);animation-fill-mode:both;cursor:default;filter:drop-shadow(0 10px 30px rgba(102,126,234,.25));font-size:4rem;left:50%;left:var(--x,50%);opacity:.5;pointer-events:auto;position:absolute;top:50%;top:var(--y,50%);transform:translate(-50%,-50%);transform-origin:center;transition:opacity .3s ease,filter .3s ease;will-change:transform}.floating-product-icon:hover{filter:drop-shadow(0 15px 40px rgba(102,126,234,.5));opacity:.9;z-index:2}.empty-state-content{backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);background:linear-gradient(135deg,#fff6,#fff3);border:1px solid #ffffff80;border-radius:30px;box-shadow:0 10px 30px #00000014,inset 0 1px 0 #fff9,inset 0 -1px 0 #0000000d;max-width:600px;overflow:visible;padding:4rem 3rem;position:relative;text-align:center;z-index:1}.empty-state-content:before{background:linear-gradient(135deg,#667eea0d,#0000 50%,#22d3ee0d);border-radius:30px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:0}.empty-state-content:hover:before{opacity:1}.empty-state-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 10px 20px rgba(102,126,234,.2));font-size:5rem;margin-bottom:1.5rem;position:relative;z-index:1}.empty-state-title{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease-out .2s backwards;background:linear-gradient(135deg,#667eea,#764ba2 50%,#22d3ee);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin-bottom:1rem;position:relative;z-index:1}.empty-state-text{animation:fadeInUp .8s ease-out .4s backwards;color:#475569;font-size:1.3rem;font-weight:600;margin-bottom:.5rem;position:relative;z-index:1}.empty-state-subtext{animation:fadeInUp .8s ease-out .6s backwards;color:#64748b;font-size:1.1rem;font-style:italic;position:relative;z-index:1}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}@keyframes floatAndRotate{0%{opacity:.5;transform:translate(-50%,-50%) translate(0) rotate(0deg) scale(1)}25%{opacity:.6;transform:translate(-50%,-50%) translate(40px,-50px) rotate(90deg) scale(1.1)}50%{opacity:.55;transform:translate(-50%,-50%) translate(-30px,-80px) rotate(180deg) scale(.9)}75%{opacity:.6;transform:translate(-50%,-50%) translate(-50px,-30px) rotate(270deg) scale(1.05)}to{opacity:.5;transform:translate(-50%,-50%) translate(0) rotate(1turn) scale(1)}}@media (max-width:768px){.products-empty-state{min-height:50vh;padding:2rem 1rem}.empty-state-content{padding:3rem 2rem}.empty-state-icon{font-size:4rem;margin-bottom:1rem}.empty-state-title{font-size:2rem}.empty-state-text{font-size:1.1rem}.empty-state-subtext{font-size:1rem}.floating-product-icon{font-size:2.5rem;opacity:.3}.floating-product-icon:nth-child(n+5){display:none}}@media (min-width:769px) and (max-width:1024px){.floating-product-icon{font-size:3rem}}.product-detail-page{animation:fadeIn .5s ease-out;min-height:100vh;padding-bottom:4rem}.product-detail-page .container{margin:0 auto;max-width:1400px;padding:1rem}.product-detail-breadcrumb{align-items:center;color:#667eea;display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:1rem;transition:color .3s}.product-detail-breadcrumb:hover{color:#242e6f}.product-detail-loading,.product-not-found{padding:3rem 2rem;text-align:center}.product-not-found h2{color:#242e6f;margin-bottom:1rem}.product-detail-back-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-block;font-weight:600;padding:.9rem 2rem;transition:all .3s}.product-detail-back-btn:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.product-detail-page .product-header{grid-gap:0;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;display:grid;gap:0;grid-template-columns:75% 25%;margin:0 auto 2rem;max-width:1400px;overflow:hidden}.product-detail-page .product-header-left{display:flex;flex-direction:column;min-width:0}.product-detail-page .product-header-banner{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#22d3ee);display:flex;justify-content:center;min-height:320px;overflow:hidden;width:100%}.product-detail-page .product-header-banner img{height:100%;object-fit:cover;width:100%}.product-detail-page .product-header-banner-placeholder{filter:drop-shadow(0 5px 15px rgba(0,0,0,.2));font-size:6rem}.product-detail-page .product-header-left .product-detail-title{background:#fff;border-bottom:1px solid #e2e8f0;margin:0;padding:1.25rem 2rem}.product-detail-page .product-header-features{background:#f8fafc;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem}.product-detail-title{color:#242e6f;font-size:1.6rem;font-weight:700;line-height:1.3;margin:0}.product-detail-rating{align-items:center;background:#fef3c7;border-radius:20px;color:#92400e;display:inline-flex;font-size:.95rem;font-weight:600;gap:.4rem;padding:.4rem .9rem;width:-webkit-fit-content;width:fit-content}.product-detail-star{color:#fbbf24}.product-detail-page .product-header-features-list{color:#475569;font-size:.95rem;list-style:none;margin:0;padding:0}.product-detail-page .product-header-features-list li{padding:.35rem 1.2rem .35rem 0;position:relative}.product-detail-page .product-header-features-list li:before{color:#00b4d8;content:"✓";font-weight:700;position:absolute;right:0}.product-detail-page .product-header-price{color:#242e6f;font-size:1.4rem;font-weight:700;margin-top:.5rem}.product-detail-page .product-header-buy-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;margin-top:.5rem;padding:1rem 1.5rem;transition:all .3s}.product-detail-page .product-header-buy-btn:hover{box-shadow:0 8px 25px #667eea80;transform:translateY(-3px)}.product-body{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:3fr 1fr;margin:0 auto;max-width:1400px;padding:0 1rem}.product-body-main{background:#fff;border-radius:20px;box-shadow:0 5px 20px #00000014;overflow:hidden}.product-tabs{background:#f8fafc;border-bottom:2px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem 1.5rem 0}.product-tab{background:#0000;border:none;border-radius:12px;color:#64748b;cursor:pointer;font-size:.95rem;font-weight:600;padding:.8rem 1.4rem;transition:all .3s}.product-tab:hover{background:#667eea1a;color:#667eea}.product-tab.active{background:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff}.product-tab-content{padding:2rem 2.5rem}.product-tab-panel h3{color:#242e6f;font-size:1.3rem;margin-bottom:1.25rem}.product-intro-text{color:#475569;font-size:1rem;line-height:1.9}.product-changelog-list,.product-faq-list,.product-reviews-list{list-style:none;margin:0;padding:0}.product-review-item{border-bottom:1px solid #e2e8f0;padding:1.25rem 0}.product-review-item:last-child{border-bottom:none}.product-review-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.product-review-author{color:#242e6f;font-weight:600}.product-review-rating{align-items:center;color:#fbbf24;display:inline-flex;font-size:.9rem;gap:.3rem}.product-review-date{color:#64748b;font-size:.9rem}.product-review-item p{color:#475569;line-height:1.7;margin:0}.product-faq-item{border-bottom:1px solid #e2e8f0;padding:1.25rem 0}.product-faq-item:last-child{border-bottom:none}.product-faq-item strong{color:#242e6f;display:block;margin-bottom:.5rem}.product-faq-item p{color:#475569;line-height:1.7;margin:0}.product-changelog-item{border-bottom:1px solid #e2e8f0;padding:1.25rem 0}.product-changelog-item:last-child{border-bottom:none}.product-changelog-version{color:#00b4d8;font-weight:700;margin-bottom:.5rem}.product-changelog-item ul{color:#475569;line-height:1.8;margin:0;padding-right:1.2rem}.product-body-sidebar{position:relative}.product-sidebar-card{background:#fff;border:2px solid #e2e8f0;border-radius:20px;box-shadow:0 5px 20px #00000014;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.product-sidebar-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:.5rem;justify-content:space-between;padding:.7rem 0}.product-sidebar-row:last-of-type{border-bottom:none}.product-sidebar-label{color:#64748b;font-size:.9rem;font-weight:500}.product-sidebar-value{color:#242e6f;font-size:.95rem;font-weight:600}.product-sidebar-price{border-top:2px solid #e2e8f0;color:#242e6f;font-size:1.25rem;font-weight:700;margin-top:.5rem;padding:1rem 0;text-align:center}.product-sidebar-buy-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;margin-top:.5rem;padding:1rem 1.5rem;transition:all .3s;width:100%}.product-sidebar-buy-btn:hover{box-shadow:0 8px 25px #667eea80;transform:translateY(-3px)}@media (max-width:1024px){.product-detail-page .product-header{grid-template-columns:1fr}.product-detail-page .product-header-features{border-right:none;border-top:1px solid #e2e8f0}.product-body{grid-template-columns:1fr}.product-body-sidebar{order:-1}.product-sidebar-card{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;position:static}.product-sidebar-buy-btn,.product-sidebar-price{grid-column:1/-1}}@media (max-width:768px){.product-detail-page .product-header-banner{min-height:240px}.product-detail-page .product-header-banner-placeholder{font-size:4rem}.product-detail-page .product-header-features{padding:1.5rem}.product-detail-title{font-size:1.35rem}.product-tabs{padding:.75rem 1rem 0}.product-tab{font-size:.9rem;padding:.6rem 1rem}.product-tab-content{padding:1.5rem 1.25rem}.product-sidebar-card{grid-template-columns:1fr}}@media (max-width:480px){.product-detail-page .container{padding:.75rem}.product-body{padding:0 .75rem}.product-detail-page .product-header-price{font-size:1.2rem}.product-detail-page .product-header-buy-btn,.product-sidebar-buy-btn{font-size:.95rem;padding:.9rem 1.25rem}}.checkout-page{animation:fadeIn .4s ease-out;min-height:100vh;padding:2.5rem 1rem 4rem}.checkout-wrap{margin:0 auto;max-width:720px}.checkout-loader{color:#64748b;padding:4rem 2rem;text-align:center}.checkout-loader-spinner{animation:checkoutSpin .8s linear infinite;border:3px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:48px;margin:0 auto 1rem;width:48px}@keyframes checkoutSpin{to{transform:rotate(1turn)}}.checkout-not-found-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000000f;padding:3rem 2rem;text-align:center}.checkout-not-found-card h2{color:#1e293b;font-size:1.35rem;margin-bottom:1.25rem}.checkout-card{background:#fff;border:1px solid #fffc;border-radius:20px;box-shadow:0 8px 32px #242e6f14,0 2px 8px #0000000a;overflow:hidden}.checkout-header{background:linear-gradient(135deg,#242e6f,#1a2260);color:#fff;padding:1.75rem 2rem}.checkout-back-link{align-items:center;color:#ffffffd9;display:inline-flex;font-size:.9rem;gap:.4rem;margin-bottom:1rem;transition:color .2s}.checkout-back-link:hover{color:#fff}.checkout-heading{font-size:1.6rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .25rem}.checkout-subheading{font-size:.95rem;font-weight:500;margin:0;opacity:.9}.checkout-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr;min-height:280px}@media (max-width:640px){.checkout-grid{grid-template-columns:1fr;min-height:auto}}.checkout-summary{background:#fafbfc;border-left:1px solid #e2e8f0;padding:1.75rem 2rem}@media (max-width:640px){.checkout-summary{border-bottom:1px solid #e2e8f0;border-left:none}}.checkout-summary-item{align-items:flex-start;display:flex;gap:1rem}.checkout-summary-thumb{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;flex-shrink:0;font-size:2rem;height:72px;justify-content:center;overflow:hidden;width:72px}.checkout-summary-thumb img{height:100%;object-fit:cover;width:100%}.checkout-summary-body h3{color:#1e293b;font-size:1.05rem;font-weight:700;line-height:1.35;margin:0 0 .35rem}.checkout-summary-cat{background:#e2e8f0;border-radius:8px;color:#64748b;display:inline-block;font-size:.8rem;margin-bottom:.5rem;padding:.2rem .6rem}.checkout-summary-meta{color:#64748b;font-size:.9rem}.checkout-summary-divider{background:#e2e8f0;height:1px;margin:1.25rem 0}.checkout-summary-total{align-items:center;display:flex;font-size:1rem;justify-content:space-between}.checkout-summary-total span{color:#64748b;font-weight:500}.checkout-summary-total strong{color:#242e6f;font-size:1.2rem;font-weight:700}.checkout-main{display:flex;flex-direction:column;justify-content:center;padding:1.75rem 2rem}.checkout-gate{padding:.5rem 0;text-align:center}.checkout-gate-icon{align-items:center;background:#f1f5f9;border-radius:50%;color:#64748b;display:flex;font-size:1.4rem;height:56px;justify-content:center;margin:0 auto 1rem;width:56px}.checkout-gate h2{color:#1e293b;font-size:1.2rem;margin:0 0 .5rem}.checkout-gate p{color:#64748b;font-size:.95rem;line-height:1.5;margin-bottom:1.25rem}.checkout-gate-footer{font-size:.9rem!important;margin-top:1rem!important}.checkout-gate-footer a{color:#667eea;font-weight:600}.checkout-gate-footer a:hover{color:#242e6f}.checkout-form-user{color:#64748b;font-size:.9rem;margin-bottom:1.25rem}.checkout-form-user strong{color:#1e293b;display:block;margin-top:.25rem}.checkout-secure-badge{align-items:center;background:#f0fdf4;border-radius:10px;color:#16a34a;display:inline-flex;font-size:.85rem;gap:.5rem;margin-bottom:1.25rem;padding:.5rem .9rem}.checkout-secure-badge svg{flex-shrink:0}.checkout-form-error{color:#dc2626;font-size:.9rem;margin-bottom:1rem;padding:.5rem 0}.checkout-btn-pay{align-items:center;background:linear-gradient(135deg,#00b4d8,#0077b6);border:none;border-radius:14px;box-shadow:0 4px 14px #00b4d866;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:inherit;font-size:1rem;font-weight:700;gap:.25rem;padding:1.25rem 1.5rem;transition:transform .2s,box-shadow .2s;width:100%}.checkout-btn-pay:hover{box-shadow:0 8px 24px #00b4d873;transform:translateY(-2px)}.checkout-btn-pay-label{font-size:.95rem;opacity:.95}.checkout-btn-pay-amount{font-size:1.35rem;letter-spacing:-.02em}.checkout-form-trust{align-items:center;color:#94a3b8;display:flex;font-size:.8rem;gap:.5rem;justify-content:center;margin-top:1rem}.checkout-form-trust svg{color:#64748b;flex-shrink:0}.checkout-btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 14px #667eea59;color:#fff;display:inline-flex;font-size:1rem;font-weight:700;justify-content:center;padding:1rem 1.75rem;transition:transform .2s,box-shadow .2s}.checkout-btn-primary:hover{box-shadow:0 8px 24px #667eea73;color:#fff;transform:translateY(-2px)}.checkout-btn-full{width:100%}.checkout-success-card{background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000000f;margin:2rem auto;max-width:400px;padding:3rem 2rem;text-align:center}.checkout-success-check{color:#16a34a;height:80px;margin:0 auto 1.5rem;width:80px}.checkout-success-check svg{height:100%;width:100%}.checkout-success-circle{stroke-dasharray:166;stroke-dashoffset:166;animation:checkoutSuccessCircle .6s ease-out forwards}.checkout-success-path{stroke-dasharray:48;stroke-dashoffset:48;animation:checkoutSuccessPath .4s ease-out .3s forwards}@keyframes checkoutSuccessCircle{to{stroke-dashoffset:0}}@keyframes checkoutSuccessPath{to{stroke-dashoffset:0}}.checkout-success-card h1{color:#1e293b;font-size:1.6rem;margin:0 0 .5rem}.checkout-success-card p{color:#64748b;font-size:1rem;margin-bottom:1.5rem}.checkout-success-card .checkout-btn-primary{margin-top:.5rem}.about-page{animation:fadeIn .5s ease-out;background:#0000;min-height:100vh;overflow:hidden;position:relative}.about-page .container{margin:0 auto;max-width:1400px;padding:4rem 2rem;position:relative;z-index:1}.about-content{display:flex;flex-direction:column;gap:3rem}.about-main-section{backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);background:linear-gradient(135deg,#fff6,#fff3);border:1px solid #ffffff80;border-radius:30px;box-shadow:0 10px 30px #00000014,inset 0 1px 0 #fff9,inset 0 -1px 0 #0000000d;overflow:visible;padding:3rem 2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.about-main-section:before{background:linear-gradient(135deg,#667eea0d,#0000 50%,#22d3ee0d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:0}.about-main-section:hover{border-color:#667eea4d;box-shadow:0 12px 35px #667eea1f,inset 0 1px 0 #ffffffb3;transform:translateY(-5px)}.about-main-section:hover:before{opacity:1}.about-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#22d3ee);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;text-align:center}.about-subtitle,.about-title{line-height:1.3;margin-bottom:2rem;position:relative;z-index:1}.about-subtitle{color:#475569;font-size:1.2rem;font-weight:600;text-align:center}.about-story{display:flex;flex-direction:column;gap:1.5rem;position:relative;z-index:1}.about-belief,.about-intro,.about-process{color:#475569;font-size:1rem;line-height:2;margin-bottom:1.8rem;text-align:justify}.about-question{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea1a,#22d3ee1a);border:1px solid #667eea33;border-radius:20px;color:#1e293b;font-size:1.3rem;font-weight:700;line-height:2;margin:1rem 0;padding:1.5rem;position:relative;text-align:center}.about-image-breakout{margin:2rem auto;max-width:85%;overflow:visible;padding:0;position:relative;z-index:2}.breakout-image{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:25px;box-shadow:0 15px 40px #00000026,0 8px 20px #667eea1f,0 0 0 1px #ffffff4d,inset 0 2px 10px #ffffff1a;display:block;height:500px;object-fit:cover;object-position:center;position:relative;width:100%}.about-image-breakout .about-question{backdrop-filter:blur(20px) saturate(200%);-webkit-backdrop-filter:blur(20px) saturate(200%);background:linear-gradient(135deg,#ffffffd9,#ffffffbf);box-shadow:0 10px 30px #0003,0 5px 15px #667eea26,inset 0 1px 0 #fffc;left:50%;margin:0;max-width:800px;position:absolute;top:-50px;transform:translateX(-50%);width:90%;z-index:10}.breakout-image:before{background:linear-gradient(135deg,#667eea26,#22d3ee26);bottom:-10px;filter:blur(20px);left:-10px;opacity:.6;right:-10px;top:-10px;transition:all .5s ease}.breakout-image:after,.breakout-image:before{border-radius:30px;content:"";position:absolute;z-index:-1}.breakout-image:after{background:radial-gradient(ellipse at center,#667eea1a 0,#0000 70%);height:110%;left:50%;pointer-events:none;top:50%;transform:translate(-50%,-50%);width:110%}.about-answer{color:#1e293b;font-size:1.2rem;font-weight:600;line-height:2;margin:0;text-align:right}.about-name{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff9,#fff6);border:1px solid #ffffff80;border-radius:20px;color:#475569;font-size:1.15rem;font-style:italic;font-weight:500;line-height:2.2;margin:1rem 0;padding:1.5rem;text-align:center}.about-team{color:#475569;font-size:1.1rem;line-height:2;margin:0;text-align:justify}.about-mission-with-image{align-items:flex-start;display:flex;gap:2rem;margin:1.5rem 0}.about-mission-content{display:flex;flex:1 1;flex-direction:column;gap:1rem}.about-mission-intro{color:#1e293b;font-size:1.2rem;font-weight:600;line-height:2;margin:0;text-align:right}.about-mission-text{color:#475569;font-size:1.1rem;line-height:2;margin:0;text-align:justify}.about-mission-image-wrapper{flex-shrink:0;height:auto;position:relative;width:50%}.about-mission-image{border-radius:20px;box-shadow:0 10px 30px #0000001f,0 5px 15px #667eea1a,0 0 0 1px #ffffff4d;height:auto;object-fit:cover;width:100%}.about-philosophy{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea26,#22d3ee26);border:1px solid #667eea4d;border-radius:20px;color:#1e293b;font-size:1.3rem;font-weight:700;line-height:2.2;margin:1rem 0;padding:1.5rem;text-align:center}.mission-vision-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));position:relative;z-index:1}.mission-card,.vision-card{backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);background:linear-gradient(135deg,#fff6,#fff3);border:1px solid #ffffff80;border-radius:25px;box-shadow:0 10px 30px #00000014,inset 0 1px 0 #fff9,inset 0 -1px 0 #0000000d;overflow:visible;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.mission-card:before,.vision-card:before{background:linear-gradient(135deg,#667eea0d,#0000 50%,#22d3ee0d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:0}.mission-card:hover,.vision-card:hover{border-color:#667eea4d;box-shadow:0 12px 35px #667eea1f,inset 0 1px 0 #ffffffb3;transform:translateY(-5px)}.mission-card:hover:before,.vision-card:hover:before{opacity:1}.mission-card:hover .mission-floating-icon,.vision-card:hover .vision-floating-icon{transform:translateX(-50%) translateY(-5px) scale(1.1)}.mission-floating-icon,.vision-floating-icon{align-items:center;display:flex;height:120px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:-60px;transform:translateX(-50%);transition:all .6s cubic-bezier(.4,0,.2,1);width:120px;z-index:2}.mission-icon-orb,.vision-icon-orb{animation:orbPulse 3s ease-in-out infinite;border-radius:50%;filter:blur(20px);height:100%;opacity:.3;position:absolute;transition:all .6s cubic-bezier(.4,0,.2,1);width:100%}.mission-icon-orb-1{background:linear-gradient(135deg,#667eea,#764ba2)}.vision-icon-orb-2{background:linear-gradient(135deg,#4facfe,#00f2fe)}@keyframes orbPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.mission-icon-main,.vision-icon-main{filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:3.5rem;position:relative;transition:all .6s cubic-bezier(.4,0,.2,1);z-index:1}.mission-card .mission-icon-main{color:#667eea}.vision-card .vision-icon-main{color:#00f2fe}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#22d3ee);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.6rem;font-weight:800;letter-spacing:-.5px;margin-bottom:1.5rem;position:relative;text-align:center;z-index:1}.section-content{color:#475569;font-size:1.1rem;line-height:2;margin:0;position:relative;text-align:justify;z-index:1}.values-section{backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);background:linear-gradient(135deg,#fff6,#fff3);border:1px solid #ffffff80;border-radius:30px;box-shadow:0 10px 30px #00000014,inset 0 1px 0 #fff9,inset 0 -1px 0 #0000000d;overflow:hidden;padding:3rem 2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.values-section:before{background:linear-gradient(135deg,#667eea0d,#0000 50%,#22d3ee0d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:0}.values-section:hover{border-color:#667eea4d;box-shadow:0 12px 35px #667eea1f,inset 0 1px 0 #ffffffb3;transform:translateY(-5px)}.values-section:hover:before{opacity:1}.values-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#22d3ee);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:2rem;text-align:center}.values-grid,.values-title{position:relative;z-index:1}.values-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.value-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff9,#fff6);border:1px solid #ffffff80;border-radius:20px;box-shadow:0 2px 8px #0000000f,inset 0 1px 0 #fff9;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.value-item:before{background:linear-gradient(135deg,#667eea1a,#22d3ee1a);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:0}.value-item:hover{border-color:#667eea66;box-shadow:0 4px 12px #667eea26,inset 0 1px 0 #ffffffb3;transform:translateY(-5px) scale(1.02)}.value-item:hover:before{opacity:1}.value-item h4{color:#1e293b;font-size:1.3rem;font-weight:700;margin-bottom:1rem;position:relative;z-index:1}.value-item p{color:#475569;font-size:1rem;line-height:1.8;margin:0;position:relative;z-index:1}.founder-section{backdrop-filter:blur(40px) saturate(200%);-webkit-backdrop-filter:blur(40px) saturate(200%);background:linear-gradient(135deg,#ffffff80,#ffffff4d 50%,#fff6);border:2px solid #fff9;border-radius:40px;box-shadow:0 15px 40px #00000014,0 0 0 1px #667eea1a,inset 0 2px 0 #fffc,inset 0 -2px 0 #0000000d;margin-top:2rem;overflow:hidden;padding:4.5rem 3.5rem;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.founder-section:before{background:linear-gradient(135deg,#667eea14,#0000 30%,#0000 70%,#22d3ee14);bottom:0;left:0;right:0;top:0}.founder-section:after,.founder-section:before{content:"";opacity:0;pointer-events:none;position:absolute;transition:opacity .5s ease;z-index:0}.founder-section:after{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#667eea1a 0,#0000 70%);height:200%;left:-50%;top:-50%;width:200%}@keyframes pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1.1)}}.founder-section:hover{border-color:#667eea66;box-shadow:0 20px 50px #667eea26,0 0 0 1px #667eea33,inset 0 2px 0 #ffffffe6,inset 0 -2px 0 #0000000d;transform:translateY(-8px)}.founder-section:hover:before{opacity:1}.founder-section:hover:after{opacity:.5}.founder-title{-webkit-text-fill-color:#0000;animation:titleGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2 40%,#22d3ee);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2rem;font-weight:900;letter-spacing:-1px;margin-bottom:2rem;position:relative;text-align:center;text-shadow:0 0 30px #667eea4d;z-index:1}@keyframes titleGlow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.founder-card{flex-direction:column;gap:1.2rem;z-index:1}.founder-card,.founder-image-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.founder-image-wrapper{flex-shrink:0}.founder-image-glow{animation:glowPulse 3s ease-in-out infinite;background:radial-gradient(circle,#667eea4d 0,#22d3ee33 50%,#0000 70%);border-radius:50%;height:220px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:220px;z-index:0}@keyframes glowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.founder-image-ring{animation:ringRotate 8s linear infinite;background:conic-gradient(from 0deg,#667eea,#764ba2,#22d3ee,#667eea);border-radius:50%;box-sizing:border-box;height:205px;left:50%;padding:3px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:205px;z-index:1}.founder-image-ring:before{background:#0000;border-radius:50%;bottom:3px;content:"";left:3px;position:absolute;right:3px;top:3px}@keyframes ringRotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.founder-image{border:5px solid #fffffff2;border-radius:50%;box-shadow:0 8px 20px #0000001f,0 0 0 10px #667eea1a,0 0 0 16px #22d3ee14;height:190px;object-fit:cover;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);width:190px;z-index:2}.founder-image:hover{border-color:#fff;box-shadow:0 12px 30px #667eea40,0 0 0 10px #667eea2e,0 0 0 16px #22d3ee1f;transform:scale(1.08)}.founder-image-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2 50%,#22d3ee);border:5px solid #fffffff2;border-radius:50%;box-shadow:0 8px 20px #0000001f,0 0 0 10px #667eea1a,0 0 0 16px #22d3ee14;color:#fff;display:flex;font-size:1.2rem;font-weight:800;height:190px;justify-content:center;padding:1rem;width:190px;z-index:2}.founder-image-placeholder,.founder-info{position:relative;text-align:center}.founder-name{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 40%,#22d3ee);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.2rem;font-weight:900;letter-spacing:-1px;line-height:1.2;margin:0 0 .6rem;position:relative;z-index:1}.founder-job-title{color:#64748b;font-size:1.1rem;font-weight:600;letter-spacing:1px;margin:0;opacity:.9;text-transform:uppercase}@media (max-width:968px){.mission-vision-section{grid-template-columns:1fr}}@media (max-width:768px){.about-page .container{padding:3rem 1rem}.about-main-section,.founder-section,.values-section{border-radius:25px;padding:2rem 1.5rem}.about-title{font-size:1.8rem}.about-question{font-size:1.1rem;padding:1.2rem}.about-image-breakout{max-width:100%}.breakout-image{border-radius:20px}.breakout-image:before{border-radius:25px;bottom:-8px;left:-8px;right:-8px;top:-8px}.about-image-breakout .about-question{font-size:.8rem;padding:1rem;width:95%}.about-mission-with-image{flex-direction:column;gap:1.5rem}.about-mission-image-wrapper{max-width:500px;width:100%}.about-philosophy{font-size:1.1rem;padding:1.2rem}.mission-card,.vision-card{padding:2rem 1.5rem}.mission-floating-icon,.vision-floating-icon{height:90px;left:50%;top:-45px;transform:translateX(-50%);width:90px}.mission-icon-main,.vision-icon-main{font-size:2.5rem}.section-title{font-size:1.4rem}.values-title{font-size:1.6rem}.values-grid{grid-template-columns:1fr 1fr}.founder-section{padding:3rem 2rem}.founder-title{font-size:1.8rem;margin-bottom:2.5rem}.founder-card{gap:1.2rem}.founder-image,.founder-image-placeholder{height:160px;width:160px}.founder-image-ring{height:175px;left:50%;top:50%;transform:translate(-50%,-50%);width:175px}.founder-image-glow{height:185px;width:185px}.founder-name{font-size:1.7rem}.founder-job-title{font-size:1.1rem}}@media (max-width:480px){.about-page .container{padding:2rem .75rem}.about-main-section,.founder-section,.values-section{border-radius:20px;padding:1.5rem 1rem}.about-title{font-size:1.5rem;line-height:1.4}.about-belief,.about-intro,.about-mission-text,.about-process,.about-team{font-size:.9rem}.about-mission-with-image{flex-direction:column;gap:1.5rem}.about-mission-image-wrapper{max-width:400px;width:100%}.about-mission-image{height:365px}.about-question{font-size:1rem;padding:1rem}.about-image-breakout{margin:1rem;max-width:100%}.breakout-image{border-radius:15px;height:500px;object-fit:cover;object-position:center;width:100%}.breakout-image:before{border-radius:20px;bottom:-5px;left:-5px;right:-5px;top:-5px}.about-image-breakout .about-question{font-size:.95rem;padding:.5rem;width:110%}.about-answer{font-size:1.1rem;text-align:center}.about-name{padding:.5rem}.about-mission-intro,.about-name{font-size:1rem}.about-philosophy{font-size:1rem;padding:1rem}.mission-card,.vision-card{padding:1.5rem 1rem}.mission-floating-icon,.vision-floating-icon{height:70px;left:50%;top:-35px;transform:translateX(-50%);width:70px}.mission-icon-main,.vision-icon-main{font-size:2rem}.section-title{font-size:1.2rem}.section-content{font-size:.9rem}.values-title{font-size:1.4rem}.value-item{padding:.5rem}.value-item h4{font-size:.9rem}.value-item p{font-size:.8rem}.founder-section{padding:2.5rem 1.5rem}.founder-title{font-size:1.6rem;margin-bottom:2rem}.founder-image,.founder-image-placeholder{height:150px;width:150px}.founder-image-ring{height:165px;left:50%;top:50%;transform:translate(-50%,-50%);width:165px}.founder-image-glow{height:175px;width:175px}.founder-image-placeholder{font-size:1.1rem}.founder-name{font-size:1.8rem}.founder-job-title{font-size:1rem}}.contact-page{animation:fadeIn .5s ease-out;background:#0000;min-height:100vh;overflow:hidden;position:relative}.contact-page .container{margin:0 auto;max-width:1400px;padding:4rem 2rem;position:relative;z-index:1}.contact-content{grid-gap:0;align-items:start;display:grid;gap:0;grid-template-columns:1fr}.contact-info{backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);background:linear-gradient(135deg,#fff6,#fff3);border:1px solid #ffffff80;border-radius:30px;box-shadow:0 20px 60px #0000001a,inset 0 1px 0 #fff9,inset 0 -1px 0 #0000000d;height:-webkit-fit-content;height:fit-content;overflow:hidden;padding:3rem 2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-info:before{background:linear-gradient(135deg,#667eea0d,#0000 50%,#22d3ee0d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:0}.contact-info:hover{border-color:#667eea4d;box-shadow:0 25px 70px #667eea26,inset 0 1px 0 #ffffffb3;transform:translateY(-5px)}.contact-info:hover:before{opacity:1}.contact-info-main{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr auto;position:relative;z-index:1}.contact-info-items{display:flex;flex-direction:column;gap:0}.contact-greeting{margin-bottom:1.5rem;padding:0;position:relative;text-align:right;z-index:1}.greeting-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#22d3ee);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.8rem;font-weight:800;letter-spacing:-.5px;margin:0 0 .5rem}.greeting-subtext{color:#475569;font-size:1rem;font-weight:600;line-height:1.6;margin:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.info-item{align-items:flex-start;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff9,#fff6);border:1px solid #ffffff80;border-radius:15px;display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;position:relative;transition:all .3s ease;z-index:1}.info-item:last-of-type{margin-bottom:0}.info-item:hover{border-color:#667eea4d;box-shadow:0 8px 25px #667eea26;transform:translateX(-5px)}.info-icon{align-items:center;display:flex;filter:drop-shadow(0 2px 8px rgba(102,126,234,.3));font-size:2.5rem;justify-content:center;min-width:60px;text-align:center}.info-item h4{color:#1e293b;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.info-item p{color:#475569;font-size:1rem;line-height:1.8}.contact-social-media{border-top:2px solid #667eea33;margin-top:2.5rem;padding-top:2rem;position:relative;z-index:1}.contact-social-title{color:#1e293b;font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;position:relative;text-align:center;z-index:1}.contact-social-icons{flex-direction:row;flex-wrap:wrap;gap:1rem}.contact-social-icon,.contact-social-icons{align-items:center;display:flex;justify-content:center}.contact-social-icon{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff9,#fff6);border:1px solid #ffffff80;border-radius:18px;box-shadow:0 4px 15px #00000014,inset 0 1px 0 #fff9;flex-direction:column;gap:.5rem;min-height:100px;min-width:120px;overflow:hidden;padding:1.2rem 1.5rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-social-icon:before{bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:0}.contact-social-icon-wrapper{align-items:center;border-radius:12px;display:flex;height:50px;justify-content:center;margin-bottom:.5rem;width:50px}.contact-social-icon-svg,.contact-social-icon-wrapper{position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.contact-social-icon-svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.8rem}.contact-social-icon-text{font-size:.9rem;font-weight:600;position:relative;text-align:center;transition:all .4s ease;z-index:1}.contact-social-instagram{color:#1e293b}.contact-social-instagram:before{background:linear-gradient(135deg,#e1306c26,#ffc00026)}.contact-social-instagram .contact-social-icon-svg{color:#e1306c}.contact-social-instagram:hover{border-color:#e1306c66;box-shadow:0 8px 25px #e1306c4d,inset 0 1px 0 #ffffffb3;transform:translateY(-5px) scale(1.05)}.contact-social-instagram:hover:before{opacity:1}.contact-social-instagram:hover .contact-social-icon-svg{color:#e1306c;filter:drop-shadow(0 4px 8px rgba(225,48,108,.4));transform:scale(1.15) rotate(5deg)}.contact-social-instagram:hover .contact-social-icon-text{color:#e1306c}.contact-social-telegram{color:#1e293b}.contact-social-telegram:before{background:linear-gradient(135deg,#2596be26,#0088cc26)}.contact-social-telegram .contact-social-icon-svg{color:#08c}.contact-social-telegram:hover{border-color:#2596be66;box-shadow:0 8px 25px #2596be4d,inset 0 1px 0 #ffffffb3;transform:translateY(-5px) scale(1.05)}.contact-social-telegram:hover:before{opacity:1}.contact-social-telegram:hover .contact-social-icon-svg{color:#08c;filter:drop-shadow(0 4px 8px rgba(37,150,190,.4));transform:scale(1.15) rotate(-5deg)}.contact-social-telegram:hover .contact-social-icon-text{color:#08c}.contact-social-linkedin{color:#1e293b}.contact-social-linkedin:before{background:linear-gradient(135deg,#0077b526,#00acee26)}.contact-social-linkedin .contact-social-icon-svg{color:#0077b5}.contact-social-linkedin:hover{border-color:#0077b566;box-shadow:0 8px 25px #0077b54d,inset 0 1px 0 #ffffffb3;transform:translateY(-5px) scale(1.05)}.contact-social-linkedin:hover:before{opacity:1}.contact-social-linkedin:hover .contact-social-icon-svg{color:#0077b5;filter:drop-shadow(0 4px 8px rgba(0,119,181,.4));transform:scale(1.15) rotate(5deg)}.contact-social-linkedin:hover .contact-social-icon-text{color:#0077b5}.contact-social-whatsapp{color:#1e293b}.contact-social-whatsapp:before{background:linear-gradient(135deg,#25d36626,#25d36626)}.contact-social-whatsapp .contact-social-icon-svg{color:#25d366}.contact-social-whatsapp:hover{border-color:#25d36666;box-shadow:0 8px 25px #25d3664d,inset 0 1px 0 #ffffffb3;transform:translateY(-5px) scale(1.05)}.contact-social-whatsapp:hover:before{opacity:1}.contact-social-whatsapp:hover .contact-social-icon-svg{color:#25d366;filter:drop-shadow(0 4px 8px rgba(37,211,102,.4));transform:scale(1.15) rotate(-5deg)}.contact-social-whatsapp:hover .contact-social-icon-text{color:#25d366}.contact-map{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#ffffff4d,#ffffff26);border:1px solid #fff6;border-radius:20px;box-shadow:0 10px 30px #00000014,inset 0 1px 0 #ffffff80;display:flex;flex-direction:column;margin:2.5rem 0;overflow:hidden;padding:2rem 1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.contact-map:before{background:linear-gradient(135deg,#22d3ee0d,#0000 50%,#667eea0d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:0}.contact-map:hover{border-color:#22d3ee4d;box-shadow:0 25px 70px #22d3ee26,inset 0 1px 0 #ffffffb3;transform:translateY(-5px)}.contact-map:hover:before{opacity:1}.contact-map h2{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#1e293b,#475569 50%,#1e293b);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:#1e293b;font-size:1.6rem;font-weight:800;letter-spacing:-1px;margin-bottom:1.5rem;position:relative;text-align:center;z-index:1}.contact-clock-wrapper{margin:0;padding:0;z-index:2}.analog-clock-container,.contact-clock-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.analog-clock-container{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,#ffffff4d,#ffffff26);border:1px solid #fff6;border-radius:20px;box-shadow:0 10px 30px #00000014,inset 0 1px 0 #ffffff80;flex-direction:column;gap:1.5rem;overflow:visible;padding:2rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.analog-clock-container:before{background:linear-gradient(135deg,#667eea0d,#0000 50%,#22d3ee0d);border-radius:30px;bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease;z-index:0}.analog-clock-container:hover{border-color:#667eea4d;box-shadow:0 25px 70px #667eea26,inset 0 1px 0 #ffffffb3;transform:translateY(-5px) scale(1.02)}.analog-clock-container:hover:before{opacity:1}.analog-clock{height:200px;position:relative;width:200px;z-index:1}.clock-face{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border:3px solid #667eea4d;border-radius:50%;box-shadow:0 10px 30px #0000001a,inset 0 0 20px #667eea1a;display:flex;height:100%;justify-content:center;position:relative;width:100%}.hour-marker{border-radius:2px;height:14px;left:50%;position:absolute;top:50%;transform-origin:0 0;transition:all .3s ease;width:3px}.hour-marker-green{background:linear-gradient(180deg,#22c55e,#16a34a);box-shadow:0 2px 4px #22c55e4d}.hour-marker-gray{background:linear-gradient(180deg,#94a3b8,#64748b);box-shadow:0 2px 4px #94a3b833;opacity:.5}.clock-hand{border-radius:4px;bottom:50%;left:50%;position:absolute;transform-origin:50% 100%;z-index:3}.hour-hand{background:linear-gradient(180deg,#1e293b,#475569);box-shadow:0 2px 4px #0003;height:50px;margin-left:-2px;width:4px}.minute-hand{background:linear-gradient(180deg,#667eea,#764ba2);box-shadow:0 2px 4px #667eea4d;height:70px;margin-left:-1.5px;width:3px}.second-hand{background:linear-gradient(180deg,#22d3ee,#06b6d4);box-shadow:0 2px 4px #22d3ee66;height:80px;margin-left:-1px;width:2px;z-index:3}.clock-center{background:#1e293b;border-radius:50%;box-shadow:0 0 0 3px #fffc,0 0 0 6px #667eea4d;height:12px;transform:translate(-50%,-50%);width:12px;z-index:4}.clock-center,.clock-day-box{left:50%;position:absolute;top:50%}.clock-day-box{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea33,#22d3ee33);border:1px solid #667eea66;border-radius:8px;box-shadow:0 2px 8px #0000001a,inset 0 1px 0 #fff9;padding:.25rem .5rem;transform:translate(35px,-50%);transition:all .3s ease;white-space:nowrap;z-index:1}.clock-day-box:hover{border-color:#667eea99;box-shadow:0 4px 12px #667eea40,inset 0 1px 0 #ffffffb3;transform:translate(35px,-50%) scale(1.08)}.clock-day-text{color:#1e293b;display:block;font-size:.6rem;font-weight:700;letter-spacing:.3px;line-height:1.2}.clock-time-text{background:linear-gradient(135deg,#667eea1a,#22d3ee1a);border:1px solid #667eea33;border-radius:15px;color:#1e293b;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700;letter-spacing:2px;margin-bottom:0;padding:.8rem 1.5rem;text-align:center}.clock-time-text,.clock-working-hours-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;z-index:1}.clock-working-hours-item{align-items:flex-start;background:linear-gradient(135deg,#ffffff80,#ffffff4d);border:1px solid #ffffff80;border-radius:15px;display:flex;gap:1rem;margin-top:.8rem;padding:1rem;transition:all .3s ease;width:100%}.clock-working-hours-item:hover{border-color:#667eea4d;box-shadow:0 8px 20px #667eea26;transform:translateY(-2px)}.clock-working-hours-item .info-icon{align-items:center;display:flex;filter:drop-shadow(0 2px 4px rgba(102,126,234,.2));flex-shrink:0;font-size:1.5rem;justify-content:center;min-width:40px;text-align:center}.clock-working-hours-item h4{color:#1e293b;font-size:1rem;font-weight:700;margin-bottom:.4rem}.clock-working-hours-item p{color:#475569;font-size:.9rem;line-height:1.6;margin:0}.map-container{border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 8px 25px #0000001a,0 0 15px #22d3ee14;height:500px;overflow:hidden;position:relative;transition:all .3s ease;width:100%;z-index:1}.map-container:hover{box-shadow:0 15px 50px #0003,0 0 30px #22d3ee33;transform:scale(1.01)}.map-container iframe{border:none;height:100%;width:100%}@media (max-width:968px){.contact-content{gap:0;grid-template-columns:1fr}.contact-info-main{gap:2rem;grid-template-columns:1fr}.contact-clock-wrapper{justify-self:center;margin:0;padding:0}.analog-clock-container{padding:1.5rem}.analog-clock{height:160px;width:160px}.clock-day-box{padding:.2rem .45rem;transform:translate(30px,-50%)}.clock-day-box:hover{transform:translate(30px,-50%) scale(1.08)}.clock-day-text{font-size:.55rem}.hour-hand{height:40px}.minute-hand{height:60px}.second-hand{height:70px}.contact-map{margin:2rem 0;padding:1.5rem 1rem}.map-container{height:300px}}@media (max-width:768px){.contact-page .container{padding:3rem 1rem}.contact-info,.contact-map{border-radius:25px;padding:2rem 1.5rem}.contact-map h2{font-size:1.75rem;margin-bottom:2rem}.contact-greeting{margin-bottom:1.2rem;padding:0}.greeting-text{font-size:1.5rem}.greeting-subtext{font-size:.95rem}.info-item{gap:1rem;padding:.8rem}.info-icon{font-size:2rem;min-width:50px}.map-container{border-radius:15px;height:400px}.contact-info-main{gap:1.5rem}.contact-clock-wrapper{margin:0;padding:0}.analog-clock-container{padding:1.2rem}.analog-clock{height:140px;width:140px}.clock-day-box{padding:.18rem .4rem;transform:translate(28px,-50%)}.clock-day-box:hover{transform:translate(28px,-50%) scale(1.08)}.clock-day-text{font-size:.5rem}.hour-hand{height:35px}.minute-hand{height:50px}.second-hand{height:60px}.clock-time-text{font-size:.9rem;padding:.5rem 1rem}.clock-working-hours-item{gap:.8rem;margin-top:.6rem;padding:.8rem}.clock-working-hours-item .info-icon{font-size:1.3rem;min-width:35px}.clock-working-hours-item h4{font-size:.9rem}.clock-working-hours-item p{font-size:.85rem}.contact-map{margin:1.5rem 0;padding:1.2rem 1rem}.contact-map h2{font-size:1.4rem;margin-bottom:1.2rem}.map-container{height:250px}.contact-social-icons{gap:.8rem}.contact-social-icon{min-height:90px;min-width:100px;padding:1rem 1.2rem}.contact-social-icon-svg{font-size:1.6rem}.contact-social-icon-text{font-size:.85rem}}@media (max-width:480px){.contact-page .container{padding:2rem .75rem}.contact-info,.contact-map{border-radius:20px;padding:1.5rem 1rem}.contact-map h2{font-size:1.5rem;margin-bottom:1.5rem}.contact-greeting{margin-bottom:1rem;padding:0;text-align:center}.greeting-text{font-size:1.3rem}.greeting-subtext{font-size:.9rem}.info-item{flex-direction:row;gap:.5rem;margin-bottom:.5rem;padding:.5rem;text-align:right}.info-item h4{font-size:.9rem}.info-item p{font-size:.85rem}.info-icon{font-size:1.3rem}.map-container{height:300px}.contact-info-main{gap:1.2rem}.contact-clock-wrapper{margin:0;padding:0}.analog-clock-container{border-radius:15px;padding:1rem}.analog-clock{height:190px;width:190px}.clock-day-box{padding:.15rem .35rem;transform:translate(25px,-50%)}.clock-day-box:hover{transform:translate(25px,-50%) scale(1.08)}.clock-day-text{font-size:.45rem}.hour-hand{height:50px}.minute-hand{height:70px}.second-hand{height:75px}.clock-time-text{font-size:.8rem;letter-spacing:1px;padding:.4rem .8rem}.clock-working-hours-item{gap:.7rem;margin-top:.5rem;padding:.7rem}.clock-working-hours-item .info-icon{font-size:1.2rem;min-width:30px}.clock-working-hours-item h4{font-size:.85rem}.clock-working-hours-item p{font-size:.8rem}.contact-map{margin:1.2rem 0;padding:1rem .8rem}.contact-map h2{font-size:1.2rem;margin-bottom:1rem}.map-container{height:200px}.contact-social-title{font-size:1.2rem;margin-bottom:1.2rem}.contact-social-icons{flex-direction:row;gap:.6rem}.contact-social-icon{border-radius:15px;gap:.4rem;min-height:70px;min-width:70px;padding:.5rem}.contact-social-icon-svg{font-size:1.4rem}.contact-social-icon-text{font-size:.75rem}}.auth-page{align-items:center;background:radial-gradient(circle at 20% 50%,#6366f11f 0,#0000 60%),radial-gradient(circle at 80% 80%,#0ea5e91f 0,#0000 60%),radial-gradient(circle at 50% 50%,#a855f714 0,#0000 55%);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auth-container{max-width:450px;width:100%}.auth-card{background:#ffffffad;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:1.5rem}.auth-logo{align-items:center;display:flex;justify-content:center;margin-bottom:1.5rem}.auth-logo img{height:auto;max-width:100px;object-fit:contain}.auth-card h2{color:var(--primary-dark);font-size:1.5rem;margin-bottom:.5rem;text-align:center}.auth-subtitle{color:#666;font-size:.8rem;margin-bottom:1rem;text-align:center}.auth-form{gap:1rem}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:.2rem}.form-group label{color:var(--primary-dark);font-size:.95rem;font-weight:500}.form-group input{border:2px solid var(--secondary);border-radius:10px;font-family:inherit;font-size:.8rem;padding:.5rem;transition:border-color .3s}.form-group input:focus{border-color:var(--primary-light);outline:none}.form-options{flex-wrap:wrap;gap:1rem;justify-content:space-between}.checkbox-label,.form-options{align-items:center;display:flex}.checkbox-label{color:#666;cursor:pointer;font-size:.9rem;gap:.5rem}.checkbox-label input[type=checkbox]{cursor:pointer}.forgot-password{color:var(--primary);font-size:.9rem;transition:color .3s}.forgot-password:hover{color:var(--primary-dark)}.auth-btn{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:25px;color:#fff;font-size:1.1rem;font-weight:700;margin-top:.3rem;padding:.6rem;transition:all .3s}.auth-btn:hover{box-shadow:0 5px 20px #0077b666;transform:translateY(-3px)}.auth-footer{border-top:1px solid #eee;padding-top:1rem;text-align:center}.auth-footer p{color:#666;font-size:.95rem}.auth-footer a{color:var(--primary);font-weight:500;transition:color .3s}.auth-footer a:hover{color:var(--primary-dark)}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:10px;color:#c33;margin-bottom:1.5rem;padding:1rem;text-align:center}@media (max-width:768px){.auth-card{padding:1rem}.auth-card h2{font-size:1.5rem}}.user-panel{animation:fadeIn .4s ease-out;display:flex;min-height:100vh}.user-panel-aside{background:#fff;border-left:1px solid #e2e8f0;box-shadow:0 0 24px #0000000a;display:flex;flex-direction:column;flex-shrink:0;width:280px}@media (max-width:768px){.user-panel{flex-direction:column}.user-panel-aside{border-left:none;flex-direction:row;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:1rem 0}.user-panel-aside,.user-panel-user{border-bottom:1px solid #e2e8f0;width:100%}.user-panel-user{margin-bottom:0;padding:1rem 1.5rem}.user-panel-nav{flex-direction:row;flex-wrap:wrap;gap:.5rem;padding:.5rem 1rem}.user-panel-nav-item{flex:1 1 auto;justify-content:center;min-width:120px}}.user-panel-user{border-bottom:1px solid #e2e8f0;padding:2rem 1.5rem;text-align:center}.user-panel-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:1.75rem;font-weight:700;height:72px;justify-content:center;margin:0 auto 1rem;overflow:hidden;width:72px}.user-panel-avatar img{height:100%;object-fit:cover;width:100%}.user-panel-avatar-placeholder{display:block;line-height:1}.user-panel-name{color:#1e293b;font-size:1.05rem;font-weight:700;margin:0 0 .25rem}.user-panel-email{color:#64748b;direction:ltr;font-size:.85rem;margin:0;text-align:center}.user-panel-nav{display:flex;flex:1 1;flex-direction:column;gap:.25rem;padding:1rem 0}.user-panel-nav-item{align-items:center;background:#0000;border:none;color:#64748b;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:500;gap:.75rem;padding:.85rem 1.5rem;text-align:right;transition:background .2s,color .2s;width:100%}.user-panel-nav-item:hover{background:#f1f5f9;color:#242e6f}.user-panel-nav-item.active{-webkit-border-start:3px solid #667eea;background:linear-gradient(90deg,#667eea1f,#0000);border-inline-start:3px solid #667eea;color:#667eea}.user-panel-nav-icon{flex-shrink:0;font-size:1.1rem;opacity:.9}.user-panel-nav-item--logout{color:#64748b;margin-top:auto}.user-panel-nav-item--logout:hover{background:#fef2f2;color:#dc2626}.user-panel-main{flex:1 1;min-width:0;overflow-x:auto;padding:2rem 2.5rem}@media (max-width:768px){.user-panel-main{padding:1.5rem 1.25rem}}.user-panel-content-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.user-panel-content-desc{color:#64748b;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.user-panel-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.user-panel-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;padding:1.25rem 1.5rem}.user-panel-card-label{color:#64748b;display:block;font-size:.85rem;margin-bottom:.35rem}.user-panel-card-value{color:#1e293b;font-size:1rem;font-weight:600}.user-panel-empty{background:#fff;border:1px dashed #e2e8f0;border-radius:12px;color:#64748b;font-size:.95rem;padding:2.5rem;text-align:center}.user-panel-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a;padding:2rem}.user-panel-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:520px){.user-panel-form-row{grid-template-columns:1fr}}.user-panel-field{margin-bottom:1.25rem}.user-panel-field:last-of-type{margin-bottom:0}.user-panel-field label{color:#374151;display:block;font-size:.85rem;font-weight:600;margin-bottom:.4rem}.user-panel-field input,.user-panel-field textarea{background:#fafafa;border:1px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.user-panel-field input:focus,.user-panel-field textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.user-panel-field textarea{min-height:80px;resize:vertical}.user-panel-field span{color:#1e293b;font-size:1rem;font-weight:500}.user-panel-field--readonly{padding:.6rem 0}.user-panel-field--readonly span{color:#64748b;font-size:.95rem}.user-panel-form-message{align-items:center;border-radius:10px;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.user-panel-form-message--success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.user-panel-form-message--error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.user-panel-btn-save{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:.9rem 1.75rem;transition:transform .2s,box-shadow .2s}.user-panel-btn-save:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.user-panel-form-note{border-top:1px solid #e2e8f0;color:#94a3b8;font-size:.85rem;margin:1.25rem 0 0;padding-top:1rem}.main-content.admin-main{margin:0!important;max-width:100%!important;padding-left:0!important;padding-right:0!important}.admin-panel{background-color:#f5f5f5;max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.admin-panel>.container{overflow-x:visible}.admin-header{background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary) 100%);color:#fff;padding:4rem 2rem;text-align:center}.admin-header h1{font-size:3rem;margin-bottom:1rem}.admin-header p{font-size:1.2rem;opacity:.9}.admin-layout,.admin-panel>.container{box-sizing:border-box;max-width:100%;overflow-x:hidden;position:relative}.admin-layout{align-items:start;display:flex;width:100%}.admin-layout>*{min-width:0}.admin-sidebar{flex-shrink:0;height:-webkit-fit-content;height:fit-content;padding-right:0;position:-webkit-sticky;position:sticky;top:20px;width:auto}.admin-sidebar .admin-tabs{border-radius:15px}.admin-main-content{box-sizing:border-box;flex:1 1;max-width:100%;min-width:0;overflow-x:hidden}.admin-tabs{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;max-width:240px;min-width:200px;padding:.8rem;width:-webkit-max-content;width:max-content}.tab-btn{background-color:var(--secondary-light);border:2px solid #0000;border-radius:10px;color:var(--primary-dark);font-size:.9rem;font-weight:500;overflow:hidden;padding:.8rem 1rem;position:relative;text-align:right;text-overflow:ellipsis;transition:all .3s;white-space:nowrap;width:100%}.tab-btn:hover{background-color:var(--secondary);transform:translateX(-5px)}.tab-btn.active{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-color:var(--primary);color:#fff}.tab-btn.active:before{background:var(--primary);border-radius:2px;content:"";height:60%;position:absolute;right:-1rem;top:50%;transform:translateY(-50%);width:4px}.admin-content{animation:adminContentSlideIn .5s ease-out;display:flex;flex-direction:column;gap:2rem}@keyframes adminContentSlideIn{0%{opacity:0;transform:translateX(30px) translateY(10px) scale(.96)}to{opacity:1;transform:translateX(0) translateY(0) scale(1)}}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{align-items:center;background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;display:flex;gap:1.5rem;padding:2rem;transition:transform .3s}.stat-card:hover{transform:translateY(-5px)}.stat-icon{align-items:center;border-radius:15px;display:flex;font-size:2.5rem;height:70px;justify-content:center;width:70px}.stat-info h3{color:var(--primary-dark);font-size:2rem;margin-bottom:.5rem}.stat-info p{color:#666;font-size:.95rem}.admin-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.section-panel{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:2.5rem}.section-panel h2{color:var(--primary-dark);font-size:1.8rem;margin-bottom:1rem}.panel-header-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem}.add-btn{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:25px;color:#fff;font-weight:500;padding:.8rem 1.5rem;transition:all .3s}.add-btn:hover{box-shadow:0 5px 20px #0077b666;transform:translateY(-3px)}.table-container{margin-top:1.5rem;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{background:linear-gradient(135deg,var(--secondary-light) 0,var(--secondary) 100%)}.admin-table th{color:var(--primary-dark);font-weight:700;padding:1rem;text-align:right}.admin-table td{border-bottom:1px solid #eee;color:#666;padding:1rem}.admin-table tbody tr:hover{background-color:var(--secondary-light)}.status-badge{border-radius:15px;font-size:.85rem;font-weight:500;padding:.4rem 1rem}.status-در-انتظار{background-color:#fff3cd;color:#856404}.status-ارسال-شده{background-color:#d1ecf1;color:#0c5460}.status-تحویل-شده{background-color:#d4edda;color:#155724}.status-لغو-شده{background-color:#f8d7da;color:#721c24}.action-btn{background-color:var(--primary-light);border-radius:10px;color:#fff;font-size:.9rem;padding:.5rem 1rem;transition:all .3s}.action-btn:hover{background-color:var(--primary);transform:translateY(-2px)}.quick-actions{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:2.5rem}.quick-actions h2{color:var(--primary-dark);font-size:1.8rem;margin-bottom:1.5rem}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.action-card{align-items:center;background:linear-gradient(135deg,var(--secondary-light) 0,var(--secondary) 100%);border-radius:15px;color:var(--primary-dark);display:flex;flex-direction:column;font-weight:500;gap:.5rem;padding:1.5rem;transition:all .3s}.action-card:hover{background:linear-gradient(135deg,var(--primary-light) 0,var(--primary) 100%);color:#fff;transform:translateY(-5px)}.action-icon{font-size:2rem}@media (max-width:1024px){.admin-sections{grid-template-columns:1fr}}.user-form-modal{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:2rem;position:fixed;right:0;top:0;z-index:1000}.user-form-modal.closing{animation:fadeOut .3s ease-in forwards}.user-form-container{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:2.5rem;transform-origin:center;width:100%}.user-form-modal.closing .user-form-container{animation:modalSlideOut .3s ease-in forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.9) translateY(-20px)}}.form-header{align-items:center;border-bottom:2px solid var(--secondary-light);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.form-header h3{color:var(--primary-dark);font-size:1.5rem}.close-btn{background:#0000;border:none;color:#999;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:color .3s}.close-btn:hover{color:var(--primary-dark)}.user-form{gap:1.5rem}.user-form,.user-form .form-group{display:flex;flex-direction:column}.user-form .form-group{gap:.5rem}.user-form .form-group label{color:var(--primary-dark);font-size:.95rem;font-weight:500}.user-form .form-group input,.user-form .form-group select,.user-form .form-group textarea{border:2px solid var(--secondary);border-radius:10px;font-family:inherit;font-size:1rem;padding:1rem;resize:vertical;transition:border-color .3s}.user-form .form-group input:focus,.user-form .form-group select:focus,.user-form .form-group textarea:focus{border-color:var(--primary-light);outline:none}.form-actions{display:flex;gap:1rem;margin-top:1rem}.submit-user-btn{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:10px;color:#fff;flex:1 1;font-weight:700;padding:1rem;transition:all .3s}.submit-user-btn:hover{box-shadow:0 5px 20px #0077b666;transform:translateY(-2px)}.cancel-btn{background:#f5f5f5;border-radius:10px;color:#666;flex:1 1;font-weight:500;padding:1rem;transition:all .3s}.cancel-btn:hover{background:#e0e0e0}.search-section{margin:1.5rem 0}.search-input{border-radius:10px;font-size:1rem;padding:1rem;transition:border-color .3s;width:100%}.search-input:focus{border-color:var(--primary-light);outline:none}.role-badge{border-radius:15px;font-size:.85rem;font-weight:500;padding:.4rem 1rem}.admin-badge{background-color:gold;color:#856404}.user-badge{background-color:var(--secondary-light);color:var(--primary-dark)}.action-buttons{display:flex;gap:.5rem}.edit-btn{background-color:var(--primary-light);border-radius:10px;color:#fff;font-size:.9rem;padding:.5rem 1rem;transition:all .3s}.edit-btn:hover{background-color:var(--primary);transform:translateY(-2px)}.delete-btn{background-color:#e74c3c;border-radius:10px;color:#fff;font-size:.9rem;padding:.5rem 1rem;transition:all .3s}.delete-btn:hover{background-color:#c0392b;transform:translateY(-2px)}.category-badge{background-color:var(--secondary-light);border-radius:15px;color:var(--primary-dark);display:inline-block;font-size:.85rem;font-weight:500;padding:.3rem 1rem}.image-preview{background:#f9f9f9;border-radius:8px;margin-top:1rem;padding:1rem;text-align:center}.image-preview img{border-radius:8px;max-height:200px;max-width:100%;object-fit:contain}.product-image-cell,.user-avatar-cell{align-items:center;display:flex;height:60px;justify-content:center;margin:0 auto;width:60px}.product-image-cell img,.user-avatar-cell img{border:2px solid var(--secondary);border-radius:50%;height:60px;object-fit:cover;width:60px}.product-image-cell img{border-radius:8px}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,var(--secondary-light) 0,var(--secondary) 100%);border-radius:50%;display:flex;font-size:1.5rem;height:60px;justify-content:center;width:60px}@media (max-width:1024px){.admin-layout{flex-direction:column;gap:1.5rem}.admin-sidebar{margin-right:0;max-width:100%;position:relative;top:0;width:100%}.admin-main-content,.admin-sidebar{padding-right:0}.admin-tabs{flex-direction:row;max-width:100%;overflow-x:auto;padding:.5rem;width:100%}.tab-btn{min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}.tab-btn.active:before{display:none}.admin-sidebar .admin-tabs{border-radius:15px}}@media (max-width:768px){.admin-header h1{font-size:2rem}.admin-tabs{flex-direction:row;gap:.5rem}.tab-btn{font-size:.9rem;padding:.8rem 1rem}.actions-grid,.stats-grid{grid-template-columns:1fr}.table-container{overflow-x:scroll}.user-form-container{padding:1.5rem}.action-buttons,.form-actions{flex-direction:column}.delete-btn,.edit-btn{width:100%}}:root{--primary-dark:#03045e;--primary:#0077b6;--primary-light:#00b4d8;--secondary:#90e0ef;--secondary-light:#caf0f8}.app{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;min-height:100vh;overscroll-behavior-y:contain}@media (max-width:768px){body,html{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;touch-action:pan-y}}
/*# sourceMappingURL=main.f81c1d51.css.map*/