.member-app{min-height:100vh;color:#f8f8fa;background:radial-gradient(circle at 8% -10%,rgba(242,24,69,.16),transparent 31%),radial-gradient(circle at 95% 18%,rgba(117,21,49,.12),transparent 25%),#09090c}.member-head{position:sticky;top:0;z-index:60;border-bottom:1px solid #ffffff12;background:rgba(10,10,13,.84);backdrop-filter:blur(22px);box-shadow:0 14px 45px #0004}.member-nav{height:76px;display:flex;align-items:center;gap:34px}.member-logo img{display:block;width:112px;height:auto}.member-nav nav{display:flex;align-items:center;gap:8px}.member-nav nav a{position:relative;padding:12px 14px;border-radius:11px;color:#92929d;font-size:14px;font-weight:700}.member-nav nav a:hover,.member-nav nav a.active{color:#fff;background:#ffffff08}.member-nav nav a.active:after{content:'';position:absolute;left:15px;right:15px;bottom:-17px;height:2px;border-radius:3px;background:#f21845;box-shadow:0 0 14px #f21845}.member-account{display:flex;align-items:center;gap:10px;margin-left:auto}.member-avatar{display:grid;place-items:center;width:38px;height:38px;border:1px solid #f2184555;border-radius:12px;background:linear-gradient(145deg,#f2184538,#f2184510);color:#ff4968;font-size:14px;font-weight:900}.member-account-copy{display:flex;flex-direction:column;line-height:1.05}.member-account-copy small{color:#6f6f79;font-size:8px;font-weight:900;letter-spacing:1px}.member-account-copy strong{max-width:130px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.member-exit{margin-left:7px;padding:10px 12px;border-radius:10px;color:#8f8f98;font-size:13px;font-weight:700}.member-exit:hover{color:#ff4968;background:#f2184510}.member-main{padding:48px 0 72px}.member-welcome{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:190px;padding:36px 40px;overflow:hidden;border:1px solid #ffffff13;border-radius:26px;background:linear-gradient(110deg,rgba(31,18,23,.96),rgba(17,17,22,.94));box-shadow:0 30px 80px #0005}.member-welcome:before{content:'';position:absolute;width:320px;height:320px;right:-100px;top:-170px;border-radius:50%;background:#f21845;filter:blur(90px);opacity:.22}.member-welcome:after{content:'S';position:absolute;right:14%;top:-50px;color:#ffffff05;font-size:230px;font-weight:1000;transform:rotate(-8deg)}.member-welcome>div{position:relative;z-index:2}.member-eyebrow{display:block;margin-bottom:10px;color:#ff3658;font-size:10px;font-weight:900;letter-spacing:2px}.member-welcome h1{margin:0 0 9px;font-size:clamp(31px,4vw,48px);letter-spacing:-1.7px}.member-welcome h1 i{color:#f21845;font-style:normal}.member-welcome p{max-width:600px;margin:0;color:#9999a3;font-size:15px}.member-summary{display:flex;align-items:baseline;gap:8px;padding:18px 22px;border:1px solid #ffffff12;border-radius:17px;background:#09090b88;backdrop-filter:blur(10px)}.member-summary strong{font-size:34px;color:#ff284e}.member-summary span{color:#b4b4bc;font-size:12px;font-weight:700}.member-section{padding-top:48px}.member-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.member-section-head h2{margin:0;font-size:27px;letter-spacing:-.7px}.member-section-head a{color:#ff3b5d;font-size:13px;font-weight:800}.member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.member-card{overflow:hidden;border:1px solid #ffffff12;border-radius:21px;background:#131317;color:#fff;box-shadow:0 18px 45px #0004;transition:transform .28s,border-color .28s,box-shadow .28s}.member-card:hover{transform:translateY(-5px);border-color:#f2184566;box-shadow:0 25px 60px #0007,0 0 30px #f2184513}.member-cover{position:relative;height:230px;overflow:hidden;background:#111}.member-cover:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#131317)}.member-cover img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.member-card:hover .member-cover img{transform:scale(1.045)}.member-status{position:absolute;z-index:3;top:14px;right:14px;padding:7px 10px;border:1px solid #57dc9b55;border-radius:20px;background:#07130fcf;color:#62e7a7;font-size:9px;font-weight:900;letter-spacing:.7px;backdrop-filter:blur(10px)}.member-card-shine{position:absolute;z-index:4;inset:0;background:linear-gradient(110deg,transparent 35%,#ffffff18 50%,transparent 65%);transform:translateX(-120%)}.member-card:hover .member-card-shine{animation:member-shine .9s ease}.member-card-body{position:relative;z-index:5;margin-top:-35px;padding:0 18px 18px}.member-profile{display:flex;align-items:flex-end;gap:11px}.member-profile img{width:68px;height:68px;border:4px solid #131317;border-radius:50%;object-fit:cover;background:#222}.member-profile h3{margin:0 0 5px;font-size:18px}.member-profile h3 i{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:#239cff;color:#fff;font-size:10px;font-style:normal}.member-profile span{color:#85858f;font-size:12px}.member-meta{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid #ffffff0e}.member-meta span{color:#81818b;font-size:11px}.member-meta b{color:#ff3658;font-size:12px}.member-empty{padding:45px 22px;border:1px dashed #ffffff1b;border-radius:22px;background:#111116;text-align:center}.member-empty>span{display:block;color:#f21845;font-size:37px}.member-empty h3{margin:8px 0}.member-empty p{max-width:480px;margin:0 auto 20px;color:#85858f}.member-discover{padding-top:58px}.member-discover-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.member-mini{display:flex;align-items:center;gap:11px;padding:10px;border:1px solid #ffffff0f;border-radius:16px;background:#121217;color:#fff;transition:.22s}.member-mini:hover{border-color:#f218454d;background:#171319}.member-mini img{width:52px;height:52px;border-radius:12px;object-fit:cover}.member-mini span{display:flex;min-width:0;flex:1;flex-direction:column}.member-mini strong,.member-mini small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-mini strong{font-size:13px}.member-mini small{margin-top:4px;color:#777781;font-size:10px}.member-mini>b{color:#f21845;font-size:22px}@keyframes member-shine{to{transform:translateX(120%)}}
@media(max-width:900px){.member-grid{grid-template-columns:repeat(2,1fr)}.member-discover-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.member-nav{height:66px;gap:12px}.member-logo img{width:96px}.member-nav nav a{padding:10px;font-size:12px}.member-nav nav a.active:after{bottom:-13px}.member-account-copy,.member-exit{display:none}.member-main{width:92%;padding-top:22px}.member-welcome{min-height:0;padding:25px 21px;border-radius:20px}.member-welcome:after{right:-20px}.member-welcome p{font-size:13px;line-height:1.5}.member-summary{display:none}.member-section{padding-top:36px}.member-section-head{align-items:flex-start}.member-section-head h2{font-size:23px}.member-section-head>a{padding-top:20px;font-size:11px}.member-grid{grid-template-columns:1fr}.member-cover{height:235px}.member-discover-row{display:flex;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}.member-mini{min-width:245px;scroll-snap-align:start}}
.member-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:34px}.member-content{min-width:0}.member-sidebar{position:sticky;top:104px;align-self:start;display:flex;flex-direction:column;gap:7px;padding:14px;border:1px solid #ffffff10;border-radius:20px;background:#101014}.member-sidebar-title{padding:7px 12px 12px;color:#686872;font-size:9px;font-weight:900;letter-spacing:1.6px}.member-sidebar a{display:flex;align-items:center;gap:12px;min-height:47px;padding:0 13px;border-radius:12px;color:#92929c;font-size:13px;font-weight:700;transition:.2s}.member-sidebar a:hover{color:#fff;background:#ffffff08}.member-sidebar a.active{color:#fff;background:linear-gradient(180deg,#f02c4b,#c70d30);box-shadow:0 10px 24px #e5113630}.member-sidebar i{display:grid;place-items:center;width:20px;color:inherit;font-size:18px;font-style:normal}.member-sidebar>div{height:1px;margin:8px;background:#ffffff0d}.member-feature-empty{display:flex;max-width:590px;min-height:590px;margin:0 auto;align-items:center;flex-direction:column;justify-content:center;text-align:center}.member-feature-empty>h2{margin:25px 0 9px;font-size:23px;letter-spacing:-.5px}.member-feature-empty>p{max-width:430px;margin:0;color:#898993;font-size:14px;line-height:1.65}.member-feature-button{display:flex;align-items:center;justify-content:center;width:min(310px,100%);height:52px;margin-top:27px;border-radius:18px;background:linear-gradient(180deg,#f43d58,#d20d32);box-shadow:0 13px 30px #ee173b30;color:#fff;font-size:14px;font-weight:900;transition:.22s}.member-feature-button:hover{transform:translateY(-2px);box-shadow:0 16px 34px #ee173b4a}.member-feature-button.compact{width:190px;height:48px;border-radius:12px}.member-member-link{margin-top:12px;color:#f42b4c;font-size:12px;font-weight:800}.member-feature-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:17px;background:linear-gradient(145deg,#fb4962,#d51136);box-shadow:0 15px 35px #f2184533;color:#fff;font-size:31px}.member-feature-icon.outline{border:1px solid #f21845;border-radius:50%;background:transparent;box-shadow:0 0 28px #f2184518;color:#f21845}.member-feature-empty.simple>h2{margin-top:21px}.member-demo-chat,.member-demo-list{position:relative;width:min(430px,100%);border:1px solid #f2184535;border-radius:20px;background:linear-gradient(145deg,#1c1014,#100c0f);box-shadow:inset 0 0 50px #f2184506}.member-demo-chat{height:260px;padding:20px;text-align:left}.member-example{position:absolute;right:12px;top:12px;padding:4px 8px;border:1px solid #ffffff1c;border-radius:10px;color:#aaaab1;font-size:8px;font-weight:900}.member-demo-avatars{display:flex}.member-demo-avatars img,.member-fake-avatar{width:42px;height:42px;margin-right:-5px;border:2px solid #292129;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#555,#17171b)}.member-demo-chat p{display:inline-block;margin-top:25px;padding:10px 13px;border:1px solid #ffffff10;border-radius:12px;background:#272126;color:#eee;font-size:12px}.member-demo-list{padding:18px 16px}.member-demo-list>div{display:flex;align-items:center;gap:10px;margin-bottom:8px;padding:10px;border:1px solid #ffffff0d;border-radius:13px;background:#211b1f;text-align:left}.member-demo-list>div.open{border-color:#f2184536;background:#2b1119}.member-demo-list img{width:43px;height:43px;border-radius:11px;object-fit:cover}.member-demo-list div>span:nth-child(2){display:flex;flex:1;flex-direction:column}.member-demo-list b{font-size:12px}.member-demo-list small{margin-top:3px;color:#8e8e97;font-size:10px}.member-demo-list div>i{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#e82645;color:#fff;font-style:normal}.member-demo-list .locked>i{background:#242126;color:#777}
@media(max-width:900px){.member-shell{grid-template-columns:76px minmax(0,1fr);gap:20px}.member-sidebar{padding:10px}.member-sidebar-title,.member-sidebar a span{display:none}.member-sidebar a{justify-content:center;padding:0}.member-sidebar i{font-size:20px}}
@media(max-width:620px){.member-shell{display:block}.member-sidebar{position:relative;top:auto;z-index:8;display:flex;margin-bottom:22px;padding:7px;overflow-x:auto;flex-direction:row;border-radius:15px}.member-sidebar-title,.member-sidebar>div{display:none}.member-sidebar a{min-width:48px;min-height:45px;padding:0 12px}.member-sidebar a span{display:none}.member-feature-empty{min-height:510px}.member-demo-chat{height:225px}.member-feature-empty>h2{font-size:21px}}