@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--community-panel:#08131f;--community-panel-2:#0c1928;--community-line:#213248;--community-soft:#93a0b2}
.communityPage,.communityAuth{font-family:Inter,Arial,sans-serif}
.communityPage{min-height:100vh;background:#050b13;color:#f6f7f9}
.communityPage .nav{position:relative;z-index:20}
.communityJoin{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
.communityHero{position:relative;overflow:hidden;border-top:1px solid #152438;border-bottom:1px solid #1d2c40;background:#07111d}
.communityHero:after{content:"";position:absolute;right:-120px;top:-180px;width:680px;height:680px;background:url('brand/clastievideo-fox-hero.png') 72% center/cover no-repeat;opacity:.2;pointer-events:none}
.communityHeroGrid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:70px;align-items:center;min-height:480px;padding-top:70px;padding-bottom:70px}
.communityHero h1{margin:14px 0 18px;font:800 clamp(52px,7vw,96px)/.88 "Archivo Black",Inter,sans-serif;letter-spacing:-.065em;text-transform:uppercase}
.communityHero h1 em{color:var(--accent);font-style:normal}.communityHero p{max-width:660px;color:#a2adbb;font-size:15px;line-height:1.75}
.communityHeroActions{display:flex;align-items:center;gap:12px;margin-top:28px}.communityHeroActions a{min-height:50px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #2a3a4f;border-radius:10px;padding:0 18px;color:#dfe5eb;text-decoration:none;font:800 11px Inter}.communityHeroActions .primary{min-width:210px;border:0}
.communityStats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.communityStats article{min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #26384f;background:rgba(7,18,30,.86);border-radius:16px;padding:18px 12px;text-align:center;box-shadow:0 18px 42px rgba(0,0,0,.2)}.communityStats article:first-child{grid-row:auto;min-height:128px}.communityStats b{font:800 40px/1 Inter;color:var(--accent)}.communityStats span{margin-top:9px;color:#929dad;font:700 9px Inter;text-transform:uppercase;letter-spacing:.1em}
.communityContent{padding-top:44px;padding-bottom:110px}.shareStudio{border:1px solid #283b51;background:#07131f;border-radius:22px;padding:26px;box-shadow:0 30px 70px rgba(0,0,0,.25)}.shareStudioHead{display:flex;align-items:center;gap:15px}.shareStudioHead>div:last-child>span,.avatarStudio>div:last-child>span{color:var(--accent);font:800 9px Inter;letter-spacing:.13em}.shareStudioHead h2{margin:5px 0;font-size:24px}.shareStudioHead p{margin:0;color:#8996a7;font-size:12px}.miniAvatar{width:54px;height:54px;border:1px solid #33485f;border-radius:15px;overflow:hidden;background:#0d1c2b}.miniAvatar img{width:100%;height:100%;object-fit:cover}
.communityDrop{position:relative;display:grid;place-items:center;text-align:center;min-height:180px;margin-top:22px;border:1px dashed #3a506a;background:#050d17;border-radius:16px;cursor:pointer;transition:.2s ease}.communityDrop:hover,.communityDrop.dragging{border-color:var(--accent);background:#0c1824;transform:translateY(-2px)}.communityDrop input{position:absolute;inset:0;opacity:0;cursor:pointer}.dropIcon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #374b62;border-radius:13px;background:#101f30;color:var(--accent);font-size:22px}.communityDrop b{margin-top:10px;font-size:13px}.communityDrop small{margin-top:5px;color:#718096;font-size:10px}
.communityFormGrid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}.communityFormGrid label,.profileFields label{display:grid;gap:7px;color:#8c98a9;font-size:10px}.communityFormGrid .wideField{grid-column:span 2}.communityFormGrid input,.communityFormGrid textarea,.profileFields input,.profileFields textarea{width:100%;border:1px solid #2a3b51;background:#050d17;color:#fff;border-radius:10px;padding:13px;outline:none;font:500 12px Inter}.communityFormGrid input:focus,.communityFormGrid textarea:focus,.profileFields input:focus,.profileFields textarea:focus{border-color:var(--accent)}.shareSubmit{width:100%;min-height:54px;margin-top:14px}.shareSubmit:disabled{opacity:.55;cursor:wait}
.uploadJourney{margin-top:14px;border:1px solid #283b51;background:#0a1724;border-radius:13px;padding:15px}.uploadJourney>div:first-child{display:flex;justify-content:space-between;font-size:11px}.uploadJourney>div:first-child b{color:var(--accent)}.uploadTrack{height:7px;margin:11px 0;border-radius:99px;background:#162436;overflow:hidden}.uploadTrack span{display:block;width:0;height:100%;background:var(--accent);border-radius:inherit;transition:width .18s linear}.uploadJourney p{margin:0;color:#8492a5;font-size:10px}.uploadJourney.error{border-color:#713849}.uploadJourney.error #uploadLabel{color:#ff809c}
.guestCommunityCta{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #293c53;background:#081421;border-radius:20px;padding:30px}.guestCommunityCta h2{margin:8px 0;font-size:30px}.guestCommunityCta p{margin:0;color:#8996a7}.guestCommunityCta .primary{min-width:210px;min-height:52px;text-decoration:none}
.feedHead{display:flex;align-items:flex-end;justify-content:space-between;margin:58px 0 20px}.feedHead h2{margin:7px 0 0;font-size:34px;letter-spacing:-.04em}.feedFilters{display:flex;gap:7px}.feedFilters button{border:1px solid #283b50;background:#081522;color:#8c99aa;border-radius:9px;padding:10px 14px;font:700 10px Inter}.feedFilters button.active{border-color:var(--accent);color:#fff;background:#142131}
.communityGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.communityCard{overflow:hidden;border:1px solid #26384e;background:#08131f;border-radius:18px;box-shadow:0 20px 45px rgba(0,0,0,.18)}.creatorLine{display:flex;align-items:center;justify-content:space-between;padding:14px}.creatorLine>a{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.creatorLine img{width:40px;height:40px;object-fit:cover;border:1px solid #354b63;border-radius:12px;background:#101e2e}.creatorLine b,.creatorLine small{display:block}.creatorLine b{font-size:12px}.creatorLine small,.creatorLine time{margin-top:3px;color:#768499;font-size:9px}.communityPlayer{aspect-ratio:16/9;max-height:390px}.communityPlayer .libraryVideo{width:100%;height:100%;object-fit:cover}.communityCardBody{padding:18px}.communityCardBody h3{margin:0;font-size:20px}.communityCardBody p{color:#9aa5b5;font-size:12px;line-height:1.65}.cardBottom{display:flex;justify-content:space-between;align-items:center;margin-top:17px;padding-top:14px;border-top:1px solid #1f3044}.cardBottom a{color:var(--accent);font:800 10px Inter;text-decoration:none}.cardBottom form{margin:0}.cardBottom button{border:0;background:transparent;color:#ff7792;font:700 10px Inter;cursor:pointer}.communityEmpty{display:grid;place-items:center;min-height:340px;border:1px dashed #293b50;border-radius:20px;text-align:center;background:#07121d}.communityEmpty img{width:74px;height:74px;object-fit:contain}.communityEmpty h3{margin:12px 0 0}.communityEmpty p{margin:6px 0;color:#79879a;font-size:11px}
.communityPlayer:fullscreen,.communityPlayer:-webkit-full-screen{width:100vw;height:100vh;max-height:none;aspect-ratio:auto;background:#000}.communityPlayer:fullscreen .libraryVideo,.communityPlayer:-webkit-full-screen .libraryVideo{object-fit:contain!important;background:#000}
.registerCard{width:min(560px,100%)}.authSwitch{margin-top:20px;padding-top:18px;border-top:1px solid #26374b;color:#8895a6;text-align:center;font-size:11px}.authSwitch a{color:var(--accent);font-weight:800;text-decoration:none}
.profileEditor{padding-top:55px;padding-bottom:100px}.welcomePanel{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px;border:1px solid #30503f;background:#0c2019;border-radius:13px;padding:15px;color:#a5e2bc;font-size:11px}.profileForm{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px}.avatarStudio,.profileFields{border:1px solid #283a50;background:#081421;border-radius:20px;padding:25px}.avatarPreview{width:190px;height:190px;margin:0 auto 24px;border:1px solid #3a5068;border-radius:36px;overflow:hidden;background:#0c1b2a;box-shadow:0 24px 48px rgba(0,0,0,.28)}.avatarPreview img{width:100%;height:100%;object-fit:cover}.avatarStudio h2{margin:7px 0}.avatarStudio p{color:#8996a7;font-size:11px;line-height:1.55}.avatarUpload{position:relative;display:flex!important;align-items:center;justify-content:center;min-height:45px;margin-top:16px;border:1px solid #354a61;border-radius:10px;color:#fff!important;font:800 10px Inter!important;cursor:pointer}.avatarUpload input{position:absolute;inset:0;opacity:0;cursor:pointer}.profileFields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.profileFields .wideField{grid-column:span 2}.socialField{display:flex;align-items:end;gap:10px}.socialField>img{width:22px;height:22px;margin-bottom:12px}.socialField label{flex:1}.profileSave{grid-column:span 2;min-height:52px}
.profileHero{border-top:1px solid #17273a;border-bottom:1px solid #223248;background:#07121d}.profileHeroInner{display:grid;grid-template-columns:190px minmax(0,1fr) 150px;gap:34px;align-items:center;min-height:340px}.profileAvatar{width:180px;height:180px;overflow:hidden;border:1px solid #405871;border-radius:38px;background:#0b1927;box-shadow:0 30px 65px rgba(0,0,0,.3)}.profileAvatar img{width:100%;height:100%;object-fit:cover}.profileHandle{color:var(--accent);font:800 10px Inter;letter-spacing:.08em}.profileIdentity h1{margin:8px 0 13px;font:800 clamp(42px,6vw,72px)/.95 Inter;letter-spacing:-.06em}.profileIdentity p{max-width:670px;color:#9ba7b7;font-size:13px;line-height:1.7}.profileSocials{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.profileSocials a{display:flex;align-items:center;gap:8px;border:1px solid #30445a;background:#0c1b2a;border-radius:9px;padding:9px 11px;color:#fff;text-decoration:none;font:700 9px Inter}.profileSocials img{width:15px;height:15px}.profileMetric{display:grid;place-items:center;min-height:140px;border:1px solid #2b3e54;background:#0a1724;border-radius:17px}.profileMetric b{font-size:42px;color:var(--accent)}.profileMetric span{color:#8995a5;font:700 9px Inter;text-transform:uppercase}.profileWorks{padding-top:25px;padding-bottom:100px}.profileShareLink{color:var(--accent);font:800 10px Inter;text-decoration:none}.profilePostGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.profilePost{overflow:hidden;border:1px solid #27394f;background:#08131f;border-radius:17px}.profilePost>div:last-child{padding:15px}.profilePost h3{margin:0 0 6px}.profilePost time{color:#7d8999;font-size:9px}
@media(max-width:900px){.communityHeroGrid{grid-template-columns:1fr;gap:35px}.communityStats{grid-template-columns:repeat(3,1fr)}.communityStats article:first-child,.communityStats article{min-height:112px}.profileForm{grid-template-columns:1fr}.profileHeroInner{grid-template-columns:140px 1fr}.profileAvatar{width:130px;height:130px}.profileMetric{grid-column:span 2;min-height:90px}.profilePostGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.communityHeroGrid{padding-top:48px;padding-bottom:48px}.communityHero h1{font-size:50px}.communityHeroActions{align-items:stretch;flex-direction:column}.communityHeroActions a{width:100%}.communityStats{grid-template-columns:1fr 1fr}.communityStats article:last-child{grid-column:span 2}.communityContent{padding-top:25px}.shareStudio{padding:17px}.communityFormGrid,.communityGrid,.profileFields,.profilePostGrid{grid-template-columns:1fr}.communityFormGrid .wideField,.profileFields .wideField,.profileSave{grid-column:auto}.guestCommunityCta,.feedHead{align-items:stretch;flex-direction:column}.guestCommunityCta .primary{width:100%}.communityPlayer{max-height:none}.profileHeroInner{grid-template-columns:1fr;text-align:center;padding-top:45px;padding-bottom:45px}.profileAvatar{margin:auto}.profileIdentity p{margin-left:auto;margin-right:auto}.profileSocials{justify-content:center}.profileMetric{grid-column:auto}.profileForm{gap:13px}.avatarStudio,.profileFields{padding:18px}.welcomePanel{flex-direction:column}.socialField{align-items:end}}