.clientPage{border-top:135px solid var(--brand);background:radial-gradient(circle at 20% 80%,rgba(0,191,178,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(0,212,199,.08) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(0,191,178,.05) 0,transparent 50%),linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;position:relative;overflow:hidden}.clientPage:before{top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%2300bfb2' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:backgroundMove 20s ease-in-out infinite}.clientPage:after,.clientPage:before{content:"";position:absolute;z-index:0}.clientPage:after{top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,191,178,.02) 1px,transparent 0);background-size:50px 50px;animation:backgroundFloat 25s linear infinite}.clientPage .title{display:flex;align-items:center;justify-content:center;font-size:clamp(2rem,5vw,3.25rem);color:var(--secondary,#2c2727);margin:clamp(3rem,6vw,5rem) 0 clamp(2rem,4vw,3rem);font-weight:700;text-align:center;padding:0 1rem;position:relative;z-index:2}.clientPage .title:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(ellipse,rgba(0,191,178,.05) 0,transparent 70%);border-radius:50%;z-index:-1;animation:titleGlow 3s ease-in-out infinite alternate}.clientPage .itemWrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;border-radius:clamp(24px,4vw,38px) clamp(24px,4vw,38px) 0 0;background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(248,249,250,.95)),url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2300bfb2' fill-opacity='0.02'%3E%3Cpath d='M20 20c0-5.5-4.5-10-10-10s-10 4.5-10 10 4.5 10 10 10 10-4.5 10-10zm10 0c0-5.5-4.5-10-10-10s-10 4.5-10 10 4.5 10 10 10 10-4.5 10-10z'/%3E%3C/g%3E%3C/svg%3E");margin-top:clamp(2rem,4vw,3rem);padding:clamp(3rem,6vw,5rem) clamp(1rem,3vw,2rem) 0;box-shadow:0 -8px 32px rgba(0,0,0,.08),0 -2px 16px rgba(0,191,178,.05);position:relative;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.clientPage .itemWrapper:after{content:"";position:absolute;top:2rem;right:2rem;width:100px;height:100px;background:radial-gradient(circle,rgba(0,191,178,.1) 0,transparent 70%);border-radius:50%;animation:floatingDecor 4s ease-in-out infinite;z-index:0}.clientPage .itemWrapper .itemList{display:grid;grid-template-columns:repeat(auto-fit,minmax(550px,1fr));grid-gap:clamp(2rem,4vw,5.75rem);gap:clamp(2rem,4vw,5.75rem);width:100%;max-width:1400px;padding:0 clamp(1rem,3vw,2rem)}.clientPage .itemWrapper .itemList a{width:100%;display:block;transition:transform .3s ease,box-shadow .3s ease}.clientPage .itemWrapper .itemList a:hover{transform:translateY(-8px)}@keyframes backgroundMove{0%,to{transform:translateX(0) translateY(0)}25%{transform:translateX(10px) translateY(-10px)}50%{transform:translateX(-5px) translateY(10px)}75%{transform:translateX(5px) translateY(5px)}}@keyframes backgroundFloat{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes titleGlow{0%{opacity:.3;transform:translate(-50%,-50%) scale(1)}to{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes floatingDecor{0%,to{transform:translateY(0) scale(1);opacity:.3}50%{transform:translateY(-20px) scale(1.1);opacity:.6}}@media screen and (min-width:1400px){.clientPage .itemWrapper .itemList{grid-template-columns:repeat(3,1fr);max-width:1600px}}@media screen and (max-width:1200px){.clientPage .itemWrapper{padding:clamp(2.5rem,5vw,4rem) clamp(1rem,2vw,1.5rem) 0}.clientPage .itemWrapper .itemList{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(1.5rem,3vw,2.5rem)}}@media screen and (max-width:768px){.clientPage{border-top:110px solid var(--brand)}.clientPage .title{margin:clamp(2rem,4vw,3rem) 0 clamp(1.5rem,3vw,2rem)}.clientPage .itemWrapper{margin-top:clamp(1.5rem,3vw,2rem);padding:clamp(2rem,4vw,3rem) 1rem 0;border-radius:24px 24px 0 0}.clientPage .itemWrapper .itemList{grid-template-columns:1fr;gap:clamp(1.5rem,3vw,2rem);padding:0 clamp(.5rem,2vw,1rem)}.clientPage .itemWrapper .itemList a{max-width:500px;margin:0 auto;width:100%}.clientPage .itemWrapper .itemList a:hover{transform:translateY(-4px)}}@media screen and (max-width:576px){.clientPage{border-top:90px solid var(--brand)}.clientPage:before{background-size:40px 40px;animation-duration:15s}.clientPage:after{background-size:30px 30px;animation-duration:20s}.clientPage .title{font-size:clamp(1.75rem,6vw,2.5rem);margin:clamp(1.5rem,4vw,2.5rem) 0 clamp(1rem,3vw,1.5rem);padding:0 .75rem}.clientPage .title:before{width:100%;height:100%}.clientPage .itemWrapper{margin-top:1rem;padding:clamp(1.5rem,4vw,2.5rem) .75rem 0;border-radius:20px 20px 0 0}.clientPage .itemWrapper:after{width:60px;height:60px;top:1rem;right:1rem}.clientPage .itemWrapper .itemList{gap:clamp(1.25rem,3vw,1.75rem);padding:0}.clientPage .itemWrapper .itemList a{max-width:none}.clientPage .itemWrapper .itemList a:hover{transform:translateY(-2px)}}@media screen and (max-width:400px){.clientPage .title{font-size:1.5rem;margin:1.25rem 0 1rem}.clientPage .itemWrapper{padding:1.25rem .5rem 0;border-radius:16px 16px 0 0}.clientPage .itemWrapper .itemList{gap:1rem}}@media(prefers-reduced-motion:reduce){.clientPage:after,.clientPage:before{animation:none}.clientPage .title:before{animation:none;opacity:.3}.clientPage .itemWrapper:before{animation:none;background:linear-gradient(90deg,var(--brand),#00d4c7)}.clientPage .itemWrapper:after{animation:none;opacity:.3}.clientPage .itemWrapper .itemList a:hover{transform:none}}