.profile-page{min-height:900px;padding:65px 24px 120px;background:radial-gradient(circle at 10% 0,#294f75,transparent 30%),radial-gradient(circle at 90% 35%,#502b63,transparent 30%),#08111e}.profile-banner{max-width:1200px;margin:auto;display:grid;grid-template-columns:130px 1fr 280px;align-items:center;gap:25px;padding:28px;border:1px solid #ffffff20;border-radius:25px;background:#101f31}.profile-avatar-big{display:grid;place-items:center;width:115px;height:115px;border:4px solid #ffd43b;border-radius:30px;background:#172b44;font-size:65px;box-shadow:0 0 30px #ffd43b30}.profile-banner h1{font:900 43px 'Exo 2';margin:0}.profile-banner p{color:#91a5bd}.profile-rank small{color:#ffd43b;font:900 8px 'Exo 2';letter-spacing:1.4px}.profile-rank strong{display:block;font:900 20px 'Exo 2'}.profile-rank i{display:block;height:8px;margin-top:10px;border-radius:8px;background:#ffffff12;overflow:hidden}.profile-rank u{display:block;width:0;height:100%;background:linear-gradient(90deg,#30e7d0,#ffd43b)}.profile-grid{max-width:1200px;margin:22px auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:20px}.profile-editor,.badge-case,.membership-card{padding:27px;border:1px solid #ffffff18;border-radius:20px;background:#101e2f}.profile-editor h2,.badge-case h2{font:900 25px 'Exo 2';margin:5px 0 20px}.profile-editor label{display:block;margin:14px 0;font-weight:800}.profile-editor input,.profile-editor select{display:block;width:100%;height:47px;margin-top:6px;padding:0 13px;border:1px solid #ffffff20;border-radius:11px;background:#07111e;color:white}.profile-editor label small{display:block;color:#71869f;margin-top:5px}.avatar-picker,.element-picker{margin:18px 0}.avatar-picker>b,.element-picker>b{display:block;margin-bottom:8px}.avatar-picker>div,.element-picker>div{display:flex;flex-wrap:wrap;gap:7px}.avatar-picker button{width:51px;height:51px;border:2px solid #ffffff12;border-radius:13px;background:#13243a;font-size:26px}.element-picker button{padding:9px 12px;border:1px solid #ffffff15;border-radius:20px;background:#13243a;color:white}.avatar-picker button.active,.element-picker button.active{border-color:#30e7d0;background:#30e7d020}.profile-editor>.button{width:100%;border:0}.profile-side{display:grid;gap:20px}.profile-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.profile-stats>div{text-align:center;padding:17px 8px;border:1px solid #ffffff15;border-radius:16px;background:#101e2f}.profile-stats span{display:block;font-size:30px}.profile-stats strong{display:block;font:900 22px 'Exo 2'}.profile-stats small{color:#8296ae}.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.badges>div{text-align:center;padding:14px 8px;border:1px solid #ffffff10;border-radius:13px;background:#07111e;filter:grayscale(1);opacity:.45}.badges>div.earned{filter:none;opacity:1;border-color:#ffd43b40}.badges span,.badges b,.badges small{display:block}.badges span{font-size:34px}.badges b{font:900 11px 'Exo 2';margin:5px}.badges small{color:#7e92aa;font-size:9px}.membership-card{display:grid;grid-template-columns:1fr auto;position:relative;overflow:hidden;background:linear-gradient(135deg,#172e48,#20255a)}.membership-card span{color:#30e7d0;font:900 8px 'Exo 2';letter-spacing:1.5px}.membership-card h2{font:900 25px 'Exo 2';margin:4px 0}.membership-card p{color:#91a5bd}.membership-card>b{font:900 42px 'Exo 2';color:#ffd43b}.membership-card>small{position:absolute;right:20px;bottom:15px;color:#7d90a8}@media(max-width:850px){.profile-banner{grid-template-columns:100px 1fr}.profile-rank{grid-column:1/3}.profile-grid{grid-template-columns:1fr}}@media(max-width:560px){.profile-page{padding:40px 12px}.profile-banner{display:block;text-align:center}.profile-avatar-big{margin:auto}.profile-rank{margin-top:20px}.profile-stats,.badges{grid-template-columns:repeat(2,1fr)}}