.profile-page{position:relative;min-height:100%;color:#fff;background:radial-gradient(circle at top,rgba(76,0,130,.18),transparent 55%),#05040f;padding-top:clamp(1.75rem,4vw,2.75rem);padding-bottom:clamp(.5rem,1.5vw,1rem)}.profile-page:before{content:"";position:absolute;top:-12vh;left:50%;transform:translate(-50%,-40%);width:min(1100px,120vw);height:clamp(22rem,45vh,32rem);background:radial-gradient(circle at top,rgba(129,140,248,.55),rgba(192,132,252,0));opacity:.85;filter:blur(120px);pointer-events:none;z-index:0}.profile-page__wrapper{position:relative;z-index:1;width:min(100%,1040px);margin:0 auto;padding:clamp(.75rem,3vw,1.5rem) clamp(1.25rem,4vw,2.5rem) clamp(1.5rem,4vw,2.5rem);display:grid;gap:clamp(2rem,4vw,3rem)}.profile-card{border-radius:1.75rem;border:1px solid hsla(0,0%,100%,.08);background:rgba(11,15,30,.82);box-shadow:0 28px 80px rgba(5,9,22,.48);backdrop-filter:blur(28px);padding:clamp(1.75rem,3vw,2.5rem)}.profile-card--section{background:rgba(9,12,24,.74);border-color:hsla(0,0%,100%,.06);box-shadow:0 18px 50px rgba(5,8,18,.45)}.profile-page__sections{display:grid;gap:clamp(1.75rem,3vw,2.5rem);margin-bottom:clamp(.75rem,2vw,1.25rem)}@media (min-width:1024px){.profile-page__sections{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr)}}.profile-page__wrapper>.profile-card:first-child{margin-top:clamp(-3rem,-6vw,-3.75rem)}@media (max-width:767px){.profile-page:before{top:-18vh;transform:translate(-50%,-35%)}.profile-page__wrapper>.profile-card:first-child{margin-top:-2.25rem}}