:root{--bg:#090a0f;--panel:#11121a;--panel2:#161720;--panel3:#1e1e28;--line:#252530;--white:#f5f5f7;--muted:#92909f;--soft:#676774;--red:#f0043d;--red2:#ff416a;--redDark:#9b112e;--radius:16px;--font:'Segoe UI',Tahoma,Arial,sans-serif;--display:'Segoe UI','Trebuchet MS',Tahoma,Arial,sans-serif;scroll-behavior:smooth}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--white);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}body{overflow-x:hidden}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}p,h1,h2,h3,h4{margin-top:0}::selection{background:#f0043d;color:#fff}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:#0b0b13}::-webkit-scrollbar-thumb{background:#33313e;border:2px solid #0b0b13;border-radius:12px}input,textarea{outline:none}input:focus,textarea:focus{border-color:#ff3d65!important;box-shadow:0 0 0 3px #f0043d19}button:focus-visible,a:focus-visible{outline:2px solid #ff7697;outline-offset:3px}.ico{display:inline-flex;flex-shrink:0;vertical-align:middle}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:10px;font-weight:800;font-size:13px;letter-spacing:.01em;transition:background .2s,border-color .2s,transform .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--red);color:#fff;box-shadow:0 8px 30px #f0043d28}.btn-primary:hover{background:#ff2855;box-shadow:0 9px 30px #f0043d3c}.btn-outline{border-color:#56505b;background:transparent;color:#fff}.btn-outline:hover{border-color:var(--red);background:#f0043d0e}.btn-glass{background:#ffffff08;border-color:#ffffff22;color:#eee}.btn-glass:hover{background:#ffffff18}.btn-ghost{background:#ffffff0a;border-color:#ffffff13;color:#f4f4f4}.btn-ghost:hover{background:#ffffff18}.btn-small{padding:10px 14px;font-size:12px;border-radius:8px}.btn.full-width,.full-width{width:100%}.btn.is-loading{opacity:.55}.eyebrow,.label-caps{color:var(--red2);font-size:10px;font-weight:900;letter-spacing:.25em}.brand{display:inline-flex;align-items:center;white-space:nowrap;max-width:100%}.brand-logo-image{display:block;height:78px;width:auto;max-width:min(100%,250px);object-fit:contain;filter:drop-shadow(0 8px 24px rgba(240,4,61,.18))}.brand-compact .brand-logo-image{height:56px;max-width:190px}
/* LANDING */
.land-container{width:min(1260px,calc(100% - 80px));margin:0 auto}.landing{background:#0a0a10;overflow:hidden}.land-nav{height:90px;position:absolute;z-index:10;top:0;left:0;right:0;border-bottom:1px solid #ffffff16}.land-nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.land-links,.land-actions{display:flex;align-items:center;gap:36px}.land-links a,.land-login{font-weight:700;font-size:12px;color:#c9c7d0;transition:color .2s}.land-links a:hover,.land-login:hover{color:var(--red2)}.land-actions{gap:22px}.hero{min-height:770px;padding-top:90px;position:relative;isolation:isolate;background:radial-gradient(ellipse 50% 55% at 81% 44%,#6b122c44,transparent 74%),linear-gradient(120deg,#0b0b12,#09090e 56%,#120b14)}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent 45%,#000 100%);opacity:.45;z-index:-1}.hero-lines{position:absolute;left:58%;top:0;bottom:0;width:1px;background:#ffffff10;transform:skewX(-26deg);pointer-events:none}.hero-lines:before,.hero-lines:after{content:'';position:absolute;top:0;bottom:0;width:1px;background:#ffffff10}.hero-lines:before{left:210px}.hero-lines:after{left:-220px}.hero-grid{position:relative;display:grid;grid-template-columns:58% 42%;align-items:center;min-height:610px}.hero-copy{position:relative;z-index:2;padding:92px 0 32px}.hero-eyebrow{display:flex;align-items:center;gap:11px;color:#d6cdd3;letter-spacing:.18em;font-weight:850;font-size:11px}.hero-eyebrow b{color:#ee2352}.red-dot{display:inline-flex;width:8px;height:8px;background:var(--red);box-shadow:0 0 16px var(--red);border-radius:100%}.hero h1{font-family:var(--display);font-weight:950;font-size:clamp(64px,7.5vw,108px);line-height:.96;letter-spacing:-.035em;margin:37px 0 28px;text-transform:uppercase}.hero h1 em{color:var(--red);font-style:normal}.hero .red-period{color:var(--red)}.hero-copy>p{font-size:15px;line-height:1.85;color:#adabb6;max-width:520px;margin-bottom:31px}.hero-copy>p strong{color:#fff}.hero-ctas{display:flex;flex-wrap:wrap;gap:12px}.hero-note{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.2em;font-weight:800;color:#85808c;margin-top:46px}.hero-note svg{color:var(--red)}.hero-stage{position:absolute;right:-65px;top:86px;width:min(760px,60vw);height:525px;pointer-events:none}.hero-halo{position:absolute;right:6%;top:19%;width:68%;height:66%;border:1px solid #f0043d36;border-radius:100%;box-shadow:inset 0 0 80px #f0043d12,0 0 100px #f0043d1a}.hero-halo:after,.hero-halo:before{content:'';position:absolute;inset:9%;border:1px solid #f0043d24;border-radius:100%}.hero-halo:after{inset:21%}.hero-car{position:absolute;top:17%;right:-6%;width:120%;max-width:none;filter:drop-shadow(0 34px 32px #000c);animation:floatCar 6s ease-in-out infinite;z-index:1}@keyframes floatCar{50%{transform:translateY(-11px)}}.hero-outline{position:absolute;right:11%;top:12%;font-weight:1000;font-size:clamp(60px,8vw,130px);letter-spacing:-.06em;font-family:var(--display);color:transparent;-webkit-text-stroke:1px #f92b5836}.speed-number{position:absolute;top:8%;right:3%;font-family:var(--display);font-size:24px;font-weight:1000;color:#eee}.speed-number span{font-size:11px;color:#86808a}.speed-bars{position:absolute;display:flex;align-items:flex-end;gap:5px;right:9%;bottom:0;height:45px}.speed-bars i{display:block;width:6px;height:10px;background:var(--red);transform:skewX(-20deg);box-shadow:0 0 13px #f0043d88}.speed-bars i:nth-child(2){height:20px}.speed-bars i:nth-child(3){height:31px}.speed-bars i:nth-child(4){height:43px}.speed-bars i:nth-child(5){height:28px}.speed-bars i:nth-child(6){height:22px}.speed-bars i:nth-child(7){height:13px}.hero-data{position:absolute;bottom:9px;left:18%;color:#9f8892;font-weight:900;letter-spacing:.22em;font-size:9px}.hero-data b{color:var(--red)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;height:70px;color:#86808e;font-size:10px;font-weight:800;letter-spacing:.17em}.hero-bottom b{color:var(--red);font-size:19px;margin-right:8px}.scroll-hint{color:#ccc1c9}.stats-band{border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17;background:#111018}.stats-items{display:grid;grid-template-columns:repeat(3,1fr) 1.3fr;align-items:center;min-height:130px}.stats-items>div:not(:last-child){display:flex;flex-direction:column;gap:7px;border-right:1px solid #ffffff16;padding:5px 30px}.stats-items>div:first-child{padding-left:0}.stats-items b{font-size:32px;font-weight:1000;letter-spacing:-.06em;font-family:var(--display)}.stats-items span{font-size:10px;letter-spacing:.12em;color:#8b8895;font-weight:800}.stat-brand{text-align:right;font-family:var(--display);font-size:23px;font-weight:1000;letter-spacing:-.04em}.stat-brand span{display:block;font-size:15px;color:var(--red);letter-spacing:.08em}.features-section{padding:120px 0}.section-topline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff19;padding-bottom:18px;color:#777481;letter-spacing:.16em;font-size:10px;font-weight:900}.landing-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin:48px 0 45px}.landing-section-heading h2,.showcase-copy h2,.join-section h2{font-family:var(--display);font-size:clamp(47px,5.4vw,78px);font-weight:1000;line-height:.98;letter-spacing:-.065em;margin:0}.landing-section-heading h2 em{font-style:normal;color:var(--red)}.landing-section-heading p{max-width:280px;color:#a19eaa;line-height:1.8;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{position:relative;overflow:hidden;background:linear-gradient(150deg,#171720,#0f1016);border:1px solid #ffffff11;border-radius:15px;padding:29px 29px 35px;min-height:325px;transition:transform .3s,border .3s}.feature-card:hover{transform:translateY(-6px);border-color:#f0043d69}.feature-highlight{background:linear-gradient(150deg,#381522,#1a101a 75%)}.feature-top{display:flex;align-items:center;justify-content:space-between;color:var(--red);margin-bottom:57px}.feature-top span{font-size:10px;letter-spacing:.17em;font-weight:900;color:#a59da8}.feature-card h3{font-family:var(--display);font-weight:1000;font-size:32px;letter-spacing:-.04em;line-height:1.08;margin:0 0 15px}.feature-card p{max-width:285px;color:#a5a2ae;line-height:1.7;margin:0}.feature-line{position:absolute;left:29px;bottom:0;width:70px;height:3px;background:var(--red)}.home-live{padding:110px 0 30px}.home-live-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.home-live-panel{background:linear-gradient(160deg,#171720,#101118);border:1px solid #ffffff12;border-radius:18px;padding:24px;box-shadow:0 20px 60px #0005}.home-live-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.home-live-head small{display:block;color:#f45f82;font-size:10px;font-weight:900;letter-spacing:.18em;margin-bottom:8px}.home-live-head h3{font-family:var(--display);font-size:30px;letter-spacing:-.03em;line-height:1.02;margin:0}.home-live-head a{color:#ffc2d0;font-size:12px;font-weight:800;display:inline-flex;align-items:center;gap:7px}.home-live-list,.home-post-list{display:grid;gap:12px}.home-live-empty{padding:18px;border:1px dashed #403543;border-radius:14px;color:#a49ba8;line-height:1.7;background:#ffffff03}.landing-user-card,.landing-post-card{border:1px solid #ffffff0f;background:#0f1016;border-radius:14px;padding:16px;transition:transform .2s,border-color .2s}.landing-user-card:hover,.landing-post-card:hover{transform:translateY(-2px);border-color:#f0043d55}.landing-user-card{display:flex;align-items:center;gap:12px}.landing-user-copy{min-width:0;display:grid;gap:4px;flex:1}.landing-user-copy strong,.landing-user-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-user-copy strong{font-size:14px}.landing-user-copy small{font-size:11px;color:#938d9a}.landing-user-tag{display:inline-flex;align-items:center;border:1px solid color-mix(in srgb,var(--tag-color) 55%,#fff 15%);padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;color:#fff;background:color-mix(in srgb,var(--tag-color) 18%,transparent)}.landing-post-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.landing-post-head div{display:grid;gap:3px}.landing-post-head strong{font-size:13px}.landing-post-head small{font-size:11px;color:#8e8896}.landing-post-card p{margin:0;color:#ddd8e2;line-height:1.7;font-size:13px}.landing-post-card p a{color:#ff5a80}.landing-post-meta{display:flex;gap:16px;margin-top:15px;color:#a8a0ae;font-size:11px;font-weight:800}.landing-post-meta span{display:inline-flex;align-items:center;gap:6px}.community-showcase{position:relative;padding:95px 0;background:#11111a;border-top:1px solid #ffffff0c;border-bottom:1px solid #ffffff0c}.community-showcase:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 76% 40%,#f0043d16,transparent 45%);pointer-events:none}.showcase-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:120px}.showcase-copy h2{margin:28px 0}.showcase-copy h2 span{color:var(--red)}.showcase-copy>p{max-width:460px;color:#aaa6b3;line-height:1.85;font-size:15px}.showcase-copy ul{padding:0;margin:29px 0 40px;list-style:none;display:grid;gap:16px}.showcase-copy li{display:flex;gap:12px;align-items:center;color:#cecad4;font-size:13px}.showcase-copy li svg{color:var(--red)}.showcase-card{background:#171620;border:1px solid #40303d;border-radius:17px;box-shadow:0 25px 100px #0008;max-width:510px;transform:rotate(2deg);overflow:hidden}.mock-banner{height:153px;background:linear-gradient(115deg,#4d1528,#1a1321 75%);background-image:linear-gradient(100deg,#f0043d58,transparent 75%),repeating-linear-gradient(115deg,#ffffff10 0 1px,transparent 1px 38px);display:flex;justify-content:flex-end;align-items:flex-end;padding:15px 21px;color:#f6b2c4;font-size:11px;font-weight:900;letter-spacing:.12em}.mock-profile{padding:17px 28px 25px}.mock-avatar{display:grid;place-items:center;background:#f0043d;border:6px solid #171620;color:#fff;font-size:33px;font-weight:1000;width:90px;height:90px;border-radius:50%;margin:-62px 0 15px;position:relative;box-shadow:0 0 0 2px #f0043d}.mock-follow{float:right;border:1px solid #f0043d;font-weight:900;font-size:10px;border-radius:8px;padding:10px;color:#fff}.mock-profile h3{font-size:20px;margin:0 0 3px}.mock-profile h3 small{margin-left:7px;color:#ff5677;font-size:10px;vertical-align:middle;padding:4px 6px;border:1px solid #e22a4e61;border-radius:3px}.mock-profile>p{color:#888493;font-size:12px;margin:0 0 20px}.mock-profile .mock-bio{color:#ded8e3;line-height:1.6;margin-top:14px}.mock-stats{display:flex;gap:23px;margin-top:24px}.mock-stats strong{font-size:14px}.mock-stats span{font-size:12px;font-weight:500;color:#92909d}.mock-caption{background:#22202a;border-top:1px solid #ffffff17;text-align:center;letter-spacing:.17em;font-weight:900;color:#777583;font-size:9px;padding:13px}.join-section{margin-top:95px;margin-bottom:95px;padding:90px 95px;position:relative;background:linear-gradient(100deg,#18121c,#1d111d,#3a1425);border:1px solid #4c2434;border-radius:22px;overflow:hidden;display:flex;justify-content:flex-end}.join-section:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(115deg,transparent 0 70px,#ffffff07 71px 72px)}.join-mark{position:absolute;left:-40px;top:-85px;font-size:430px;font-family:var(--display);font-weight:1000;letter-spacing:-.15em;color:transparent;-webkit-text-stroke:2px #f0043d39;transform:rotate(-12deg)}.join-section>div:last-child{position:relative;z-index:1;width:56%}.join-section h2{font-size:clamp(53px,5vw,77px);margin:25px 0}.join-section h2 span{color:var(--red)}.join-section p{color:#b8aeba;margin-bottom:27px}.join-buttons{display:flex;gap:12px;flex-wrap:wrap}.land-footer{background:#0c0b11;border-top:1px solid #ffffff16}.footer-inner{min-height:130px;display:flex;justify-content:space-between;align-items:center;gap:22px}.footer-inner>span{font-size:10px;color:#74717e;letter-spacing:.1em}.footer-inner>div:last-child{display:flex;gap:22px;color:#9c97a4;font-size:12px}
/* COMMUNITY LAYOUT */
.site-layout{display:grid;grid-template-columns:276px minmax(420px,650px) 325px;max-width:1380px;margin:0 auto;min-height:100vh}.left-rail{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:28px 17px 21px 20px;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin}.left-rail>.brand{padding-left:13px}.left-rail .brand-icon{height:44px;width:44px}.rail-caption{color:#605c69;font-size:10px;letter-spacing:.18em;margin:41px 0 13px 17px;font-weight:900}.side-nav{display:grid;gap:5px}.side-link{display:flex;align-items:center;gap:16px;color:#a49fab;font-size:14px;font-weight:750;padding:14px 17px;min-height:49px;border-radius:11px;transition:background .2s,color .2s;position:relative}.side-link:hover{background:#ffffff0a;color:#fff}.side-link.active{background:#f0043d19;color:#ff3b66}.side-link.active:before{content:'';position:absolute;left:0;top:17%;bottom:17%;width:3px;background:var(--red);border-radius:4px}.side-link .notif-dot{margin-left:auto;border-radius:50px;background:var(--red);color:#fff;padding:3px 7px;min-width:22px;text-align:center;font-size:10px}.btn-rail{margin:28px 5px 0;min-height:50px;width:calc(100% - 10px)}.rail-lower{margin-top:auto;padding-top:26px}.rail-server{border:1px solid #322634;background:linear-gradient(145deg,#26151e,#17131b);padding:19px;border-radius:13px}.rail-server-top{font-size:10px;font-weight:900;letter-spacing:.15em;color:#e3a3b5;display:flex;align-items:center;gap:8px;margin-bottom:15px}.status-indicator{width:7px;height:7px;border-radius:50%;background:#ff315e;box-shadow:0 0 13px #ff315e80}.rail-server strong{font-family:var(--display);letter-spacing:-.02em;font-size:19px;display:block}.rail-server small{display:block;color:#9d8d9a;margin:6px 0 13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-copy{background:transparent;padding:0;border:0;color:#f94a75;font-size:11px;font-weight:900;display:flex;gap:8px;align-items:center}.rail-user{display:flex;align-items:center;gap:10px;margin-top:18px;border-top:1px solid var(--line);padding:18px 4px 0}.rail-user-details{flex:1;display:grid;gap:4px;min-width:0}.rail-user-details strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.rail-user-details small{color:#888392;overflow:hidden;text-overflow:ellipsis}.rail-user>svg{color:#787581}.rail-guest{margin-top:15px}.rail-guest p{font-size:12px;color:#a9a4ad}.center-col{min-width:0;min-height:100vh;border-right:1px solid var(--line)}.mobile-brand{display:none}.feed-heading{padding:33px 30px 25px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.feed-heading h1{font-size:31px;letter-spacing:-.055em;margin:8px 0 3px;font-weight:950}.feed-heading p{margin:0;font-size:12px;color:#8c8996}.heading-flair{font-family:var(--display);font-size:42px;font-weight:1000;color:#ffffff11;letter-spacing:-.07em}.heading-flair span{color:#f0043d38}.right-rail{position:sticky;top:0;height:100vh;overflow-y:auto;padding:27px 18px 30px 23px;scrollbar-width:none}.right-search label{display:flex;align-items:center;gap:12px;border-radius:11px;background:#1b1b24;border:1px solid #2a2933;padding:0 15px;color:#898592;height:49px}.right-search input{background:transparent;border:0;color:#eee;min-width:0;width:100%;font-size:12px}.right-search input:focus{box-shadow:none!important}.right-panel{background:#14151d;border:1px solid var(--line);border-radius:14px;margin-top:23px;overflow:hidden}.right-panel-head{display:flex;align-items:center;gap:9px;padding:19px 18px 15px;border-bottom:1px solid var(--line)}.right-panel h3{font-size:13px;margin:0;font-weight:900;letter-spacing:-.01em}.panel-icon{display:flex;color:var(--red)}.side-placeholder{padding:21px;color:#8b8795;font-size:12px;line-height:1.65}.side-placeholder b{color:#e93964}.trend-row{display:grid;gap:5px;padding:16px 18px;transition:background .2s;border-bottom:1px solid #ffffff0b}.trend-row:last-child{border-bottom:0}.trend-row:hover{background:#ffffff08}.trend-row small{font-size:9px;color:#75717f;letter-spacing:.09em}.trend-row strong{color:#f8f6fa;font-size:14px}.trend-row span{color:#9c97a3;font-size:11px}.suggestion{display:flex;gap:10px;align-items:center;padding:15px;border-bottom:1px solid #ffffff0b}.suggestion:last-child{border:0}.suggestion-name{display:grid;gap:4px;min-width:0;flex:1}.suggestion-name b,.suggestion-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-name b{font-size:12px}.suggestion-name small{color:#888391;font-size:11px}.btn-icon{width:29px;height:29px;flex:none;border:1px solid #4b3642;display:grid;place-items:center;border-radius:50%;color:#fc547a;background:#f0043d12}.btn-icon.following{color:#9eecbf;border-color:#345f46;background:#1d472924}.right-footer{display:flex;flex-wrap:wrap;gap:10px;margin:24px 9px;color:#817b88;font-size:11px}.right-footer p{width:100%;line-height:1.6;color:#67626f}.mobile-nav{display:none}
/* USER AVATARS */
.avatar{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:none;border-radius:50%;background:linear-gradient(140deg,var(--accent),#2e1e35 75%);border:1px solid color-mix(in srgb,var(--accent),#ffffff 15%);color:#fff;user-select:none;vertical-align:middle;font-weight:950}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-tiny{width:37px;height:37px;font-size:15px}.avatar-small{width:42px;height:42px;font-size:17px}.avatar-medium{width:48px;height:48px;font-size:19px}.avatar-large{width:112px;height:112px;font-size:42px}
/* COMPOSER AND POSTS */
.composer{padding:23px 24px 19px;display:flex;gap:15px;border-bottom:1px solid var(--line);background:#101018}.composer-main{flex:1;min-width:0}.composer textarea{display:block;resize:vertical;min-height:82px;max-height:220px;width:100%;border:0;background:transparent;color:#eee;font-size:15px;line-height:1.65;padding:10px 0}.composer textarea:focus{box-shadow:none!important}.composer textarea::placeholder{color:#777380}.composer-bottom{display:flex;align-items:center;gap:10px;border-top:1px solid #262530;padding-top:16px}.composer-hint{margin-right:auto;color:#8d8793;font-size:10px;display:flex;align-items:center;gap:7px}.composer-hint svg{color:#ef3c67}.composer-count{font-size:11px;color:#74717e}.guest-composer{display:flex;align-items:center;gap:13px;margin:18px;border:1px solid #3c2835;background:#25151f;padding:20px;border-radius:12px}.guest-composer>svg{color:#f73c69}.guest-composer>div{flex:1}.guest-composer strong{font-size:14px}.guest-composer p{font-size:11px;color:#b3a7b0;margin:5px 0 0}.tab-strip{display:flex;border-bottom:1px solid var(--line);padding:0 22px}.tab-strip a{flex:1;padding:19px 12px;color:#938e9b;font-weight:800;text-align:center;font-size:12px;position:relative}.tab-strip a.selected{color:#fff}.tab-strip a.selected:after{content:'';height:3px;width:74px;max-width:80%;background:var(--red);position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-radius:10px}.tab-strip a:hover{background:#ffffff07}.post-list,.notifications-list{background:#0d0e14}.post{display:flex;gap:12px;padding:22px 24px 16px;border-bottom:1px solid var(--line);transition:background .2s;min-width:0}.post:hover{background:#ffffff03}.post-content{min-width:0;flex:1}.post-meta{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.post-identity{display:inline-flex;align-items:center;min-width:0;gap:7px;flex-wrap:wrap}.name-wrap{display:inline-flex;align-items:center;gap:7px;min-width:0}.user-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.pilot-tag{font-size:8px;letter-spacing:.04em;font-weight:950;color:var(--tag-color);border:1px solid color-mix(in srgb,var(--tag-color),transparent 55%);padding:3px 5px;border-radius:4px;background:color-mix(in srgb,var(--tag-color),transparent 90%);max-width:160px;overflow:hidden;text-overflow:ellipsis}.post-handle,.post-separator,.post-time{color:#7f7c89;font-size:11px}.post-time:hover,.post-identity:hover .user-name{color:#fff}.post-delete{border:0;background:none;color:#595765;margin-left:auto;display:grid;place-items:center;padding:2px}.post-delete:hover{color:#ff5279}.post-text{color:#d5d1db;font-size:14px;line-height:1.75;overflow-wrap:anywhere;margin:10px 0 18px}.hashtag{color:#ff5276;font-weight:700}.hashtag:hover{text-decoration:underline}.post-actions{display:flex;align-items:center;justify-content:space-between;max-width:420px}.post-action{border:0;background:transparent;color:#777481;display:inline-flex;align-items:center;gap:8px;font-size:11px;padding:5px 2px;transition:color .2s}.post-action:hover,.post-action.liked{color:#ff3e6d}.post-action.liked svg{fill:#f0043d30}.load-more{display:flex;align-items:center;justify-content:center;gap:12px;border:0;background:none;width:100%;padding:23px;color:#ee4772;font-weight:900}.load-more[hidden]{display:none}.empty-state{padding:65px 34px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:13px}.empty-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:16px;background:#f0043d14;border:1px solid #f0043d2b;color:#f23967}.empty-state h3{font-size:19px;margin:3px 0 0}.empty-state p{color:#948f9c;line-height:1.7;max-width:315px;margin:0 0 9px}.skeleton-list{padding:5px 0}.skeleton-card{display:flex;gap:13px;padding:24px;border-bottom:1px solid var(--line)}.skeleton-circle{width:45px;height:45px;border-radius:50%;background:#23222d;flex:none;animation:skeleton 1.5s infinite alternate}.skeleton-lines{flex:1;display:grid;gap:11px;padding-top:3px}.skeleton-lines i{background:#23222d;border-radius:5px;height:11px;animation:skeleton 1.5s infinite alternate}.skeleton-lines i:nth-child(1){width:35%}.skeleton-lines i:nth-child(2){width:92%}.skeleton-lines i:nth-child(3){width:63%}@keyframes skeleton{to{opacity:.35}}
/* EXPLORE */
.explore-top{padding:26px;border-bottom:1px solid var(--line);background:linear-gradient(140deg,#15101a,#101118)}.explore-title{display:flex;align-items:center;gap:14px;margin-bottom:22px}.circle-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px;background:#f0043d1c;color:#ff3c6a;border:1px solid #f0043d29}.explore-title h2{font-size:18px;margin:0 0 6px;letter-spacing:-.03em}.explore-title p{color:#928d99;font-size:12px;margin:0}.explore-search{display:flex;gap:9px}.explore-search input{flex:1;min-width:0;height:47px;background:#1a1a24;color:#f7f7fa;border:1px solid #34323e;border-radius:9px;padding:0 14px}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:24px 25px 15px}.section-heading h2{font-size:15px;margin:0;font-weight:950}.section-heading small{color:#878390}.section-heading.spaced{margin-top:13px;border-top:1px solid var(--line)}.explore-users{padding:0 18px}.user-tile{display:flex;align-items:flex-start;gap:11px;padding:20px 6px;border-bottom:1px solid var(--line)}.user-tile .tile-user-info{flex:1;min-width:0}.tile-user-info>a{display:block;margin:3px 0 6px}.tile-user-info small{display:block;color:#8e8995;font-size:11px}.tile-user-info p{font-size:12px;color:#b3afbb;margin:10px 0 0;line-height:1.5}.user-tile>.btn{margin-left:auto}.user-tile .name-wrap{max-width:220px}
/* PROFILE */
.profile-head{background:#11111a;border-bottom:1px solid var(--line)}.profile-cover{height:220px;position:relative;background-color:#2d1425;background-image:linear-gradient(120deg,#f0043d6e,transparent 68%),repeating-linear-gradient(-45deg,#ffffff0a 0 1px,transparent 1px 40px);background-size:cover;background-position:center;overflow:hidden}.cover-pattern{position:absolute;inset:0;background:linear-gradient(0deg,#09090e4a,transparent)}.profile-main{padding:0 25px 23px}.profile-avatar{position:relative;z-index:2;margin-top:-55px;width:fit-content;background:#11111a;border:6px solid #11111a;border-radius:100%;box-shadow:0 0 0 2px #f0043d11}.profile-buttons{display:flex;justify-content:flex-end;margin-top:-65px;margin-bottom:40px;min-height:44px}.profile-ident .name-wrap .user-name{font-size:24px;max-width:290px;letter-spacing:-.045em}.profile-ident .pilot-tag{font-size:10px}.profile-ident p{color:#898591;font-size:12px;margin:5px 0 0}.profile-bio{margin:22px 0 17px;color:#c2bdc9;line-height:1.7;font-size:13px}.profile-joined{display:flex;align-items:center;gap:8px;color:#8e8997;font-size:12px}.profile-numbers{display:flex;gap:25px;margin-top:21px;color:#8b8593;font-size:12px;flex-wrap:wrap}.profile-numbers strong{color:#faf9fa}.profile-section-title{display:flex;align-items:center;gap:10px;padding:21px 26px;border-bottom:1px solid var(--line);font-size:10px;font-weight:900;letter-spacing:.16em;color:#b6b0bc}.profile-section-title svg{color:var(--red)}
/* POST DETAIL */
.detail-back{padding:20px 24px;border-bottom:1px solid var(--line)}.detail-back a{display:inline-flex;gap:9px;align-items:center;font-size:12px;font-weight:800;color:#c1bdc9}.detail-post{background:#16131a}.reply-title{display:flex;align-items:center;gap:10px;padding:25px 24px;color:#eee;font-size:14px;font-weight:900;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.reply-title svg{color:var(--red)}.reply-title span{color:#88818d}.reply-composer{padding:23px;display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px;border-bottom:1px solid var(--line)}.reply-composer textarea{border:1px solid #37313b;border-radius:9px;background:#181821;color:#fff;padding:12px;min-width:160px;min-height:88px;flex:1;resize:vertical}.reply-composer .btn{align-self:flex-end}
/* NOTIFICATIONS */
.notification{padding:21px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);transition:background .2s}.notification:hover{background:#ffffff08}.notification-unread{background:#f0043d09}.notification-icon{color:#f93d6b}.notification-text{flex:1;color:#c1bdc7;font-size:12px;line-height:1.55}.notification-text strong{color:#fff}.notification-text small{display:block;color:#77727e;margin-top:3px}.notification>svg{color:#6c6673}
/* PROFILE SETTINGS */
.setting-intro{display:flex;align-items:center;gap:16px;padding:28px 25px}.setting-emblem{height:53px;width:53px;background:#f0043d1a;border:1px solid #f0043d37;border-radius:14px;display:grid;place-items:center;color:#fb3e69}.setting-intro h2{font-size:18px;letter-spacing:-.025em;margin:0 0 5px}.setting-intro p{color:#898592;line-height:1.6;font-size:12px;margin:0}.settings-preview{margin:0 24px 24px;border:1px solid #34303a;background:#15151e;border-radius:15px;overflow:hidden;position:relative}.settings-cover{height:155px;background-color:#291422;background-image:linear-gradient(110deg,var(--profile-accent),transparent 76%),repeating-linear-gradient(125deg,#ffffff16 0 1px,transparent 1px 36px);background-size:cover;background-position:center;position:relative}.upload-button{display:flex;align-items:center;gap:8px;border-radius:8px;padding:8px 11px;background:#0d0c12dd;border:1px solid #ffffff34;color:#fff;font-size:11px;font-weight:800;cursor:pointer}.upload-button:hover{border-color:#fb5980;background:#291522}.banner-upload{position:absolute;bottom:12px;right:13px;z-index:1}.settings-avatar{margin:-42px 0 0 22px;position:relative;z-index:2;width:112px;height:112px}.settings-avatar>.avatar{border:5px solid #15151e}.avatar-upload{position:absolute;bottom:1px;right:-8px;padding:8px;border-radius:50%;background:#f0043d;color:#fff}.preview-ident{padding:11px 24px 20px;display:grid;gap:5px}.preview-ident .user-name{font-size:19px}.preview-ident small{color:#898390}.settings-form{padding:0 24px 40px}.settings-group{background:#13141c;border:1px solid var(--line);border-radius:14px;margin-bottom:16px;padding:24px}.settings-group-title{display:flex;align-items:center;gap:14px;margin-bottom:24px}.settings-group-title>span{height:38px;width:38px;flex:none;border:1px solid #e72a4f52;border-radius:10px;display:grid;place-items:center;color:var(--red);font-family:var(--display);font-weight:950;font-size:18px}.settings-group-title h3{font-size:14px;margin:0 0 5px}.settings-group-title p{color:#8c8794;font-size:11px;margin:0}.field-label{display:grid;gap:9px;margin:16px 0;color:#ece8ee;font-size:12px;font-weight:800;min-width:0;flex:1}.field-label input,.field-label textarea{border:1px solid #34313e;background:#0e0f16;color:#fff;border-radius:9px;padding:12px 13px;line-height:1.6;width:100%;font-weight:450}.field-label textarea{resize:vertical}.field-label small{font-size:10px;font-weight:500;color:#888391}.settings-row{display:flex;gap:20px}.input-with-prefix{position:relative;display:flex;align-items:center}.input-with-prefix>span{position:absolute;left:13px;color:#fa3e6c;font-weight:900}.input-with-prefix input{padding-left:31px!important}.color-field{height:47px;background:#0e0f16;display:flex;align-items:center;border:1px solid #34313e;border-radius:9px;padding:5px 10px;gap:13px}.color-field input{padding:0;border:0;background:none;width:43px;height:35px;cursor:pointer}.color-field span{margin-right:auto;font-weight:900;font-size:12px;color:#c9c4d0}.color-field svg{color:#777}.settings-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:25px}
/* AUTH */
.auth-layout{min-height:100vh;display:grid;grid-template-columns:51% 49%;background:#0e0e15}.auth-visual{position:relative;overflow:hidden;padding:41px 60px;background:radial-gradient(ellipse at 65% 75%,#70162f99,transparent 51%),linear-gradient(140deg,#181018,#0c0b12 67%);border-right:1px solid #3a2631;min-height:780px;display:flex;flex-direction:column}.auth-visual:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(120deg,#ffffff07 0 1px,transparent 1px 61px);pointer-events:none}.auth-logo{position:relative;z-index:2;width:fit-content}.auth-visual-copy{z-index:2;position:relative;margin-top:130px}.auth-visual-copy h2{font-family:var(--display);font-weight:1000;letter-spacing:-.07em;font-size:clamp(78px,7vw,110px);line-height:.94;margin:26px 0}.auth-visual-copy h2 span{color:var(--red)}.auth-visual-copy p{color:#bab1bf;line-height:1.75;font-size:14px;max-width:320px}.auth-car{position:absolute;max-width:none;width:115%;bottom:70px;right:-24%;filter:drop-shadow(0 20px 60px #000);opacity:.9}.auth-bottom{margin-top:auto;position:relative;z-index:2;font-size:10px;letter-spacing:.17em;font-weight:900;color:#988b99;display:flex;justify-content:space-between}.auth-form-wrap{max-width:630px;width:100%;justify-self:center;padding:42px 64px;display:flex;flex-direction:column;min-height:780px}.auth-back{display:flex;align-items:center;gap:10px;color:#aaa4b2;font-size:12px;font-weight:750}.auth-back:hover{color:#fff}.auth-form-card{max-width:410px;margin:auto;width:100%}.auth-heading h1{font-size:35px;letter-spacing:-.06em;line-height:1.1;margin:16px 0}.auth-heading p{font-size:13px;color:#9993a0;line-height:1.7;margin:0 0 30px}.auth-fields{display:grid;gap:16px}.auth-fields label{font-size:12px;font-weight:800;display:grid;gap:9px}.auth-fields input{background:#1a1a24;border:1px solid #3b3744;border-radius:9px;height:49px;color:#fff;width:100%;padding:0 15px}.auth-fields input::placeholder{color:#75717e}.auth-fields .input-with-prefix{display:block}.auth-fields .input-with-prefix>span{top:50%;transform:translateY(-50%)}.btn-auth{width:100%;padding:16px;margin-top:5px}.auth-switch{text-align:center;margin:24px 0 0;color:#a8a0ad;font-size:12px}.auth-switch a{color:#ff4672;font-weight:900}.auth-legal{font-size:11px;text-align:center;color:#746d7b;line-height:1.7;margin:32px 0 0}.auth-legal a{color:#c3b7c5;text-decoration:underline}
/* TOASTS */
#toast-root{position:fixed;z-index:9999;bottom:23px;right:23px;display:grid;gap:10px}.toast{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:11px;background:#21212b;border:1px solid #2d6246;box-shadow:0 13px 60px #000a;color:#f8f7f9;max-width:340px;min-width:220px;font-size:12px;font-weight:750;animation:slideToast .2s ease-out}.toast svg{color:#72e4a5}.toast-error{border-color:#9a3554}.toast-error svg{color:#ff6385}.toast-out{opacity:0;transform:translateY(5px);transition:all .3s}@keyframes slideToast{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/* RESPONSIVE */
@media(max-width:1220px){.site-layout{grid-template-columns:246px minmax(390px,1fr) 285px}.left-rail{padding-left:12px;padding-right:12px}.right-rail{padding-left:12px;padding-right:12px}.land-container{width:min(1200px,calc(100% - 60px))}.hero-stage{right:-110px;top:125px;width:64vw}.hero h1{font-size:clamp(63px,7.7vw,95px)}.showcase-grid{gap:60px}}
@media(max-width:1030px){.site-layout{grid-template-columns:246px minmax(0,1fr)}.right-rail{display:none}.hero-grid{grid-template-columns:65% 35%}.hero-stage{width:68vw;right:-100px;top:170px;opacity:.85}.hero h1{font-size:clamp(64px,8.1vw,94px)}.auth-form-wrap{padding-left:38px;padding-right:38px}.auth-visual{padding-left:36px;padding-right:35px}.auth-car{right:-35%}}
@media(max-width:760px){.land-container{width:calc(100% - 38px)}.land-nav{height:75px}.land-links{display:none}.land-nav-inner{gap:10px}.brand-logo-image{height:56px;max-width:180px}.land-actions{gap:10px}.land-login{display:none}.land-actions .btn{padding:10px 11px}.hero{padding-top:75px;min-height:745px}.hero-grid{display:block;min-height:615px}.hero-copy{padding:63px 0 0}.hero-eyebrow{font-size:9px;gap:7px}.hero h1{font-size:clamp(62px,11.8vw,83px);margin:30px 0 24px}.hero-copy>p{max-width:490px;font-size:13px;padding-right:12px}.hero-ctas .btn{padding:13px 15px;font-size:11px}.hero-note{margin-top:25px;font-size:9px}.hero-stage{top:370px;right:-120px;width:690px;max-width:none;height:330px;opacity:.62}.hero-halo{height:77%;top:2%}.hero-car{top:0%;right:-14%;width:124%}.hero-outline{top:-6%}.hero-data,.speed-number,.speed-bars{display:none}.hero-bottom{height:60px}.scroll-hint{font-size:9px}.stats-items{grid-template-columns:repeat(3,1fr);min-height:110px;gap:6px}.stats-items>div:not(:last-child){padding:0 10px}.stats-items>div:first-child{padding-left:0}.stats-items b{font-size:27px}.stats-items span{font-size:8px;line-height:1.4}.stat-brand{display:none}.home-live{padding:75px 0 16px}.home-live-grid{grid-template-columns:1fr}.home-live-head{display:block}.home-live-head a{margin-top:14px}.features-section{padding:75px 0}.section-topline{font-size:8px}.landing-section-heading{display:block;margin:35px 0}.landing-section-heading h2{font-size:53px}.landing-section-heading p{margin-top:24px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:260px}.feature-top{margin-bottom:37px}.community-showcase{padding:65px 0}.showcase-grid{grid-template-columns:1fr;gap:50px}.showcase-copy h2{font-size:56px}.showcase-card{max-width:480px;margin:0 auto}.join-section{margin-top:60px;margin-bottom:60px;padding:55px 25px;justify-content:flex-start}.join-section>div:last-child{width:100%}.join-mark{opacity:.4;left:20%;top:0;font-size:300px}.join-section h2{font-size:56px}.footer-inner{padding:25px 0;flex-wrap:wrap}.footer-inner>span{order:3;width:100%}.site-layout{display:block;padding-bottom:66px}.left-rail,.right-rail{display:none}.center-col{border:0}.mobile-brand{height:68px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.mobile-brand>a:last-child{color:#a7a1ad}.mobile-nav{display:grid;position:fixed;bottom:0;left:0;right:0;height:69px;z-index:100;grid-template-columns:repeat(4,1fr);background:#111119ed;backdrop-filter:blur(20px);border-top:1px solid #39313c;padding:2px 5px max(2px,env(safe-area-inset-bottom))}.mobile-nav .side-link{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:5px 0;font-size:9px;min-height:0;border-radius:0}.mobile-nav .side-link svg{height:22px}.mobile-nav .side-link.active:before{top:0;left:calc(50% - 21px);height:2px;width:42px;bottom:auto}.mobile-nav .notif-dot{position:absolute;top:2px;left:calc(50% + 10px);padding:1px 4px;min-width:0}.feed-heading{padding:26px 20px}.feed-heading h1{font-size:27px}.post{padding:19px 17px 13px}.composer{padding:19px 17px}.auth-layout{display:block;min-height:100vh}.auth-visual{display:none}.auth-form-wrap{max-width:560px;min-height:100vh;padding:27px 26px}.auth-form-card{margin:auto}.auth-heading h1{font-size:32px}.auth-back{margin-bottom:28px}}
@media(max-width:460px){.hero h1{font-size:clamp(48px,12.2vw,67px)}.hero{min-height:692px}.hero-stage{top:390px;right:-170px;width:600px;opacity:.53}.hero-copy{padding-top:53px}.hero-copy>p{font-size:12px}.hero-note{font-size:8px}.brand-logo-image{height:52px}.land-actions .btn svg{display:none}.landing-section-heading h2{font-size:44px}.showcase-copy h2{font-size:48px}.join-section h2{font-size:49px}.post-meta{gap:5px}.post-handle{display:none}.post-identity{gap:4px}.pilot-tag{font-size:7px;max-width:105px}.post-actions{gap:8px}.post-action{font-size:10px;gap:4px}.post-action:last-child span{display:none}.guest-composer{flex-wrap:wrap}.guest-composer .btn{width:100%}.composer-hint{display:none}.composer-count{margin-right:auto}.settings-row{flex-direction:column;gap:0}.settings-form{padding:0 13px 30px}.settings-preview{margin:0 13px 15px}.settings-group{padding:19px}.profile-main{padding-left:17px;padding-right:17px}.profile-buttons{margin-bottom:43px}.profile-buttons .btn{font-size:11px;padding:10px}.profile-numbers{gap:13px}.rules-hero h2{font-size:35px}.rules-end{flex-wrap:wrap}.user-tile>.btn{padding:8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* IMAGENS NAS PUBLICAÇÕES */
.attach-photo{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid #f0043d26;color:#ff5279;font-weight:800;font-size:11px;cursor:pointer;border-radius:7px}.attach-photo:hover{background:#f0043d1c;border-color:#f0043d66}.post-photo-wrap{display:block;margin:4px 0 16px;border:1px solid #312b37;border-radius:13px;overflow:hidden;width:100%;background:#15141b}.post-photo{width:100%;max-height:480px;object-fit:contain}.post-preview-photo{margin:2px 0 14px;position:relative;border-radius:12px;overflow:hidden;background:#1d1821;width:fit-content;max-width:100%}.post-preview-photo img{max-height:240px;max-width:100%;border-radius:12px}.post-preview-photo button{position:absolute;top:8px;right:8px;border:0;color:#fff;background:#0c0a0ccc;display:grid;place-items:center;width:30px;height:30px;border-radius:50%}
.profile-numbers a{color:inherit;transition:color .2s}.profile-numbers a:hover{color:#ff537d;text-decoration:underline}
/* ===== VERSÃO 3 — LARGURA TOTAL, HERO LEGÍVEL E CARRO REALISTA ===== */
:root{--display:'Segoe UI',Arial,Helvetica,sans-serif}
.land-container{width:calc(100% - 2 * clamp(22px,4.25vw,92px));max-width:none;margin-inline:auto}
.landing{width:100%;min-height:100vh}
.land-nav{width:100%;height:94px}
.brand-logo-image{height:72px;max-width:245px}
.land-nav .brand-logo-image{height:72px}
.land-links{gap:clamp(20px,2.5vw,45px)}
.hero{width:100%;min-height:100svh;padding-top:94px;overflow:hidden}
.hero-grid{grid-template-columns:minmax(0,55%) minmax(0,45%);min-height:calc(100svh - 170px)}
.hero-copy{max-width:100%;padding:clamp(48px,8vh,110px) 0 42px}
.hero h1{font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(48px,5.1vw,98px);font-weight:900;line-height:1.055;letter-spacing:-.048em;margin:34px 0 25px;max-width:900px;text-wrap:nowrap}
.hero-copy>p{max-width:595px;font-size:clamp(14px,1vw,17px);line-height:1.8}
.hero-stage{position:absolute;right:-3%;top:13%;width:56%;height:75%;opacity:1}
.hero-car{position:absolute;z-index:1;right:-4%;top:24%;width:116%;max-width:none;filter:drop-shadow(0 28px 36px rgba(0,0,0,.8));animation:floatCar 6s ease-in-out infinite}
.hero-outline{font-size:clamp(48px,6.9vw,138px);right:5%;top:7%}
.hero-halo{right:5%;top:18%;width:75%;height:63%}
.hero-data{bottom:4%;left:11%}
.hero-bottom{height:72px}
.stats-items{width:100%;grid-template-columns:repeat(3,minmax(0,1fr)) 1.3fr}
.stats-items>div:not(:last-child){padding:10px 5vw}
.stats-items>div:first-child{padding-left:0}
.stats-items b{font-family:'Segoe UI',Arial,sans-serif;letter-spacing:-.045em}
.landing-section-heading h2,.showcase-copy h2,.join-section h2{font-family:'Segoe UI',Arial,sans-serif;letter-spacing:-.045em;line-height:1.06;font-weight:900}
.feature-card h3,.home-live-head h3{font-family:'Segoe UI',Arial,sans-serif;letter-spacing:-.025em;font-weight:850}
.auth-car{bottom:38px;right:-19%;width:119%;filter:drop-shadow(0 18px 35px #000);opacity:.93}
.auth-visual-copy h2{font-family:'Segoe UI',Arial,sans-serif;letter-spacing:-.055em;line-height:1.05}
/* A área social também preenche o espaço disponível sem uma caixa central fixa. */
.site-layout{width:100%;max-width:none}
@media(min-width:2000px){
 .hero h1{font-size:clamp(98px,5.1vw,132px)}
 .hero-copy>p{max-width:750px}
 .hero-stage{right:-1%;width:54%}
}
@media(max-width:1250px){
 .land-container{width:calc(100% - 2 * clamp(24px,3.8vw,52px))}
 .hero-grid{grid-template-columns:60% 40%}
 .hero h1{font-size:clamp(51px,6vw,75px);letter-spacing:-.042em}
 .hero-stage{width:60%;right:-8%;top:19%;height:70%}
 .hero-car{top:21%}
}
@media(max-width:860px){
 .hero-grid{grid-template-columns:66% 34%}
 .hero h1{font-size:clamp(48px,6.9vw,66px)}
 .hero-stage{right:-15%;width:65%;opacity:.74}
 .hero-copy>p{max-width:510px}
}
@media(max-width:760px){
 .land-container{width:calc(100% - 36px)}
 .land-nav{height:76px}
 .brand-logo-image,.land-nav .brand-logo-image{height:54px;max-width:175px}
 .hero{padding-top:76px;min-height:max(790px,100svh)}
 .hero-grid{display:block;min-height:max(656px,calc(100svh - 155px))}
 .hero-copy{position:relative;z-index:3;padding:52px 0 0;max-width:100%}
 .hero h1{font-size:clamp(45px,9.5vw,74px);letter-spacing:-.048em;line-height:1.02;white-space:normal;text-wrap:initial;max-width:95%;margin:30px 0 24px}
 .hero-copy>p{max-width:92%;font-size:13px}
 .hero-stage{top:auto;bottom:-25px;right:-25%;width:100%;height:40%;opacity:.62}
 .hero-car{top:0;right:-5%;width:114%}
 .hero-halo{top:0;height:72%}
 .hero-bottom{height:60px}
 .stats-items{grid-template-columns:repeat(3,1fr)}
 .stats-items>div:not(:last-child){padding:0 8px}
 .stats-items>div:first-child{padding-left:0}
 .landing-section-heading h2{font-size:clamp(39px,7vw,58px)}
 .showcase-copy h2{font-size:clamp(41px,7.2vw,60px)}
 .join-section h2{font-size:clamp(40px,7.5vw,60px)}
 .home-live-grid{grid-template-columns:1fr}
}
@media(max-width:460px){
 .land-container{width:calc(100% - 30px)}
 .land-nav .brand-logo-image{max-width:142px;height:48px}
 .land-actions .btn{padding:10px 12px;font-size:11px}
 .hero{min-height:max(755px,100svh)}
 .hero-grid{min-height:max(635px,calc(100svh - 145px))}
 .hero-copy{padding-top:44px}
 .hero h1{font-size:clamp(39px,10.4vw,54px);line-height:1.055;letter-spacing:-.05em;max-width:100%}
 .hero-stage{right:-35%;bottom:-15px;width:115%;height:36%;opacity:.48}
 .hero-car{top:4%;width:108%;right:0}
 .hero-copy>p{max-width:96%;line-height:1.7}
 .hero-note{margin-top:22px}
 .hero-bottom{font-size:8px}
}

/* ===== V4: ESTATÍSTICAS ALINHADAS E ÁREA SOCIAL EM TELA INTEIRA ===== */
/* A largura da faixa precisa conservar a mesma margem do restante da home. */
.stats-band .land-container.stats-items{
  width:calc(100% - 2 * clamp(22px,4.25vw,92px));
  max-width:none;
  margin-inline:auto;
  grid-template-columns:repeat(3,minmax(0,1fr)) minmax(195px,1fr);
  align-items:center;
}
.stats-band .stats-items>div:not(:last-child){padding:14px clamp(14px,2.1vw,36px)}
.stats-band .stats-items>div:first-child{padding-left:0}
.stats-band .stats-items>div:not(:last-child) b{line-height:1.2}
.stats-band .stats-items>div:not(:last-child) span{line-height:1.5}
.stats-band .stat-brand{padding-right:0}

/* As três colunas ocupam a tela inteira sem deixar faixa vazia na direita. */
@media (min-width:1031px){
  .site-layout{
    width:100%; max-width:none;
    grid-template-columns:clamp(245px,17vw,310px) minmax(0,1fr) clamp(285px,22vw,405px);
    margin:0;
  }
  .left-rail{min-width:0}
  .center-col{width:100%;min-width:0}
  .right-rail{width:100%;min-width:0}
  .center-col #page-content{width:100%}
  .heading-flair{font-size:clamp(30px,2.2vw,45px)}
}
@media (min-width:761px) and (max-width:1030px){
  .site-layout{grid-template-columns:clamp(225px,25vw,260px) minmax(0,1fr);max-width:none;width:100%}
}
.join-mark{font-size:clamp(220px,21vw,390px);letter-spacing:-.11em}
@media (max-width:760px){
  .stats-band .land-container.stats-items{
    width:calc(100% - 36px);
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
  .stats-band .stats-items>div:not(:last-child){padding:12px clamp(8px,1.3vw,14px)}
  .stats-band .stats-items>div:first-child{padding-left:0}
  .site-layout{display:block;max-width:none;width:100%}
  .join-mark{font-size:230px}
}
@media (max-width:460px){
  .stats-band .land-container.stats-items{width:calc(100% - 30px)}
  .stats-band .stats-items>div:not(:last-child){padding:10px 6px}
  .stats-band .stats-items>div:first-child{padding-left:0}
}

/* Transição suave com a logomarca verdadeira, sem alterar os elementos do perfil. */
.route-transition{
  position:fixed;inset:0;z-index:9998;display:grid;place-items:center;
  background:radial-gradient(ellipse at center,#320c20 0%,#110b15 43%,#08080e 85%);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity 260ms ease,visibility 260ms;
  overflow:hidden;
}
.route-transition.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.route-transition-lines{
  position:absolute;inset:-30%;transform:skewX(-19deg) translateX(-10%);
  background:repeating-linear-gradient(90deg,transparent 0,transparent 140px,rgba(240,4,61,.085) 142px,transparent 143px);
  opacity:.9;
}
.route-transition-center{
  width:min(420px,80vw);display:flex;flex-direction:column;align-items:center;gap:22px;
  position:relative;transform:translateY(12px) scale(.96);
  transition:transform 350ms cubic-bezier(.2,.8,.2,1);
}
.route-transition.is-visible .route-transition-center{transform:translateY(0) scale(1)}
.route-transition-logo{width:min(340px,70vw);height:auto;max-height:260px;object-fit:contain;filter:drop-shadow(0 0 32px #f0043d45)}
.route-transition-caption{font-size:10px;font-weight:900;letter-spacing:.28em;color:#e9afc1;text-align:center}
.route-transition-track{height:3px;width:min(245px,62vw);overflow:hidden;background:#ffffff18;border-radius:999px}
.route-transition-track span{
  display:block;width:40%;height:100%;background:linear-gradient(90deg,transparent,#f0043d,#ff709b);
  border-radius:999px;box-shadow:0 0 15px #f0043d88;
  animation:nightRaceLoader 950ms ease-in-out infinite alternate;
}
@keyframes nightRaceLoader{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
@media(prefers-reduced-motion:reduce){
 .route-transition,.route-transition-center{transition:none!important}
 .route-transition-track span{animation:none!important;width:100%}
}

/* Fallback de carregamento, recuperável caso um componente falhe. */
.page-boot,.recovery-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px;text-align:center;background:radial-gradient(circle at 50% 35%,#50102644,transparent 48%),#0a0a10;color:#faf8fa}
.page-boot img,.recovery-screen img{width:min(300px,72vw);height:auto;object-fit:contain}
.page-boot p,.recovery-screen p{color:#aaa6b3;line-height:1.7}
.recovery-screen h1{font-size:clamp(24px,4vw,34px);line-height:1.2;margin:0}
.recovery-screen p{max-width:500px;margin:0}
.recovery-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.landing-post-link{margin-left:auto;color:#ff6788;display:inline-flex;align-items:center;gap:7px;font-weight:800;text-decoration:none}
.landing-post-link:hover,.landing-post-head a:hover{color:#ff6788}

/* V6: FAQ, rodapé completo e ajustes persistentes de banner */
.faq-section{padding:90px 0 115px;scroll-margin-top:28px}
.faq-layout{display:grid;grid-template-columns:minmax(275px,.85fr) minmax(350px,1.15fr);gap:clamp(32px,7vw,110px);padding-top:55px}
.faq-intro h2{font-family:var(--display);font-size:clamp(38px,4.5vw,67px);font-weight:950;letter-spacing:-.045em;line-height:1.04;margin:22px 0}.faq-intro h2 em{font-style:normal;color:var(--red)}
.faq-intro p{font-size:14px;line-height:1.8;max-width:420px;color:#b1aab6;margin-bottom:26px}
.faq-items{display:grid;gap:12px;align-content:start}
.faq-items details{border:1px solid #332d3a;border-radius:14px;background:linear-gradient(155deg,#17141e,#111018);overflow:hidden;scroll-margin-top:20px}
.faq-items details[open]{border-color:#80324a;background:#1b141e}
.faq-items summary{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;cursor:pointer;font-size:14px;font-weight:800;list-style:none;line-height:1.45;color:#f5f2f6}
.faq-items summary::-webkit-details-marker{display:none}
.faq-items summary svg{color:var(--red);transition:transform .2s ease;flex:none}
.faq-items details[open] summary svg{transform:rotate(45deg)}
.faq-items details p{padding:0 22px 23px;font-size:13px;line-height:1.85;color:#bdb5c3;margin:0}
.faq-items details a{color:#ff7295;text-decoration:underline}
.land-footer{background:radial-gradient(ellipse at 50% 0%,#2f0b201e,transparent 70%),#090b0b;border-top:1px solid #ffffff16}
.land-footer .footer-grid{display:grid;grid-template-columns:minmax(290px,1.55fr) repeat(3,minmax(135px,1fr));gap:clamp(24px,4.4vw,75px);padding-top:86px;padding-bottom:65px;align-items:start}
.footer-about .brand-logo-image{height:100px;max-width:250px;object-position:left center}
.footer-about>p{max-width:340px;color:#9a969f;line-height:1.75;margin:5px 0 24px;font-size:14px}
.footer-about>.btn{border-radius:999px;padding:14px 22px}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.footer-column h3{font-size:11px;color:#87828e;letter-spacing:.15em;font-weight:900;margin:9px 0 7px}
.footer-column a{font-size:14px;line-height:1.35;color:#e0dbe3;transition:color .15s}
.footer-column a:hover{color:#ff426e}
.land-footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:22px 0;border-top:1px solid #ffffff13;color:#77727f;font-size:11px;letter-spacing:.035em}
.footer-bottom b{color:#f0043d}
.profile-cover,.settings-cover{isolation:isolate}
.banner-custom-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;pointer-events:none;transform-origin:center;user-select:none}
.profile-cover>.cover-pattern,.settings-cover>.cover-pattern{z-index:2;pointer-events:none}
.settings-cover .banner-upload{z-index:3}
.banner-edit{position:absolute;z-index:3;right:14px;top:13px;display:inline-flex;align-items:center;gap:7px}
.banner-editor-active{overflow:hidden}
.banner-editor-layer{position:fixed;inset:0;z-index:9995;display:grid;place-items:center;padding:20px}
.banner-editor-shade{position:absolute;inset:0;background:#050409df;backdrop-filter:blur(8px)}
.banner-editor-dialog{position:relative;width:min(720px,100%);max-height:calc(100vh - 40px);overflow-y:auto;background:#14121b;border:1px solid #6c2b44;border-radius:20px;padding:26px;box-shadow:0 24px 100px #000d}
.banner-editor-heading{display:flex;align-items:flex-start;gap:16px;justify-content:space-between;margin-bottom:22px}
.banner-editor-heading h2{font-size:25px;font-weight:900;letter-spacing:-.035em;margin:8px 0}
.banner-editor-heading p{color:#a8a0ad;line-height:1.6;font-size:12px;margin:0}
.banner-editor-close{display:grid;place-items:center;flex:none;border:1px solid #ffffff22;border-radius:10px;background:#ffffff0b;color:white;width:38px;height:38px}
.banner-editor-frame{aspect-ratio:3.2/1;position:relative;overflow:hidden;border-radius:12px;border:1px solid #e6447066;background:linear-gradient(130deg,#401427,#150e1b 70%);isolation:isolate}
.banner-editor-picture{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:1;transform-origin:center;pointer-events:none}
.banner-editor-controls{display:grid;gap:15px;margin-top:24px}
.banner-editor-controls label{font-size:12px;color:#ded6df;font-weight:850;display:grid;grid-template-columns:1fr auto;gap:8px}
.banner-editor-controls label b{color:#ff638a}
.banner-editor-controls input[type=range]{grid-column:1/-1;accent-color:#f0043d;width:100%;cursor:pointer}
.banner-editor-help{margin-top:20px;border:1px solid #ffffff16;background:#ffffff07;color:#aca6b2;padding:12px 14px;border-radius:10px;font-size:12px;line-height:1.7}
.banner-editor-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-top:25px}
.banner-editor-actions>div{display:flex;gap:10px;flex-wrap:wrap}
@media(max-width:880px){.faq-layout{grid-template-columns:1fr;gap:30px}.land-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.footer-about{grid-column:span 2}}
@media(max-width:580px){.faq-section{padding:62px 0}.faq-layout{padding-top:36px}.faq-intro h2{font-size:42px}.land-footer .footer-grid{padding-top:56px;padding-bottom:44px;gap:35px 18px}.footer-column h3{font-size:10px}.footer-column a{font-size:13px}.footer-about .brand-logo-image{height:76px}.land-footer .footer-bottom{flex-wrap:wrap}.banner-editor-dialog{padding:18px}.banner-editor-actions .btn{font-size:11px;padding:11px 12px}.banner-edit{top:11px;left:14px;right:auto;bottom:auto}.settings-cover .banner-upload{bottom:12px;right:14px}}


/* V7 - Banner: enquadramento consistente e imagem SEM vazamentos para a area do perfil. */
.profile-cover,.settings-cover,.banner-editor-frame{
  box-sizing:border-box;
  height:auto;
  aspect-ratio:3.2/1;
  overflow:hidden;
  isolation:isolate;
  position:relative;
}
.banner-backdrop{
  position:absolute;inset:-8px;z-index:0;pointer-events:none;
  background-size:cover;background-position:center;
  filter:blur(22px) brightness(.38) saturate(.9);
  transform:scale(1.07);
}
.banner-custom-image,.banner-editor-picture{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;object-position:center;z-index:1;transform-origin:center;pointer-events:none}
.banner-editor-preview-label{position:absolute;z-index:2;left:14px;bottom:12px;color:#fff;font-size:10px;font-weight:800;letter-spacing:.12em;text-shadow:0 2px 8px #000}
.banner-fit-switch{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.banner-fit-switch button{padding:12px 10px;border:1px solid #443440;color:#ddd3de;background:#231c29;border-radius:9px;font-weight:850;font-size:12px;cursor:pointer}
.banner-fit-switch button.active{background:#f0043d26;border-color:#f0043d;color:#fff;box-shadow:0 0 0 1px #f0043d44}
.banner-fit-switch button:focus-visible{outline:2px solid #ff7697;outline-offset:2px}
.settings-cover .banner-upload{z-index:4}
.settings-cover .banner-edit{z-index:4}
@media(max-width:600px){
 .profile-cover,.settings-cover,.banner-editor-frame{aspect-ratio:2/1}
 .banner-editor-dialog{padding:18px}
 .banner-fit-switch{gap:6px}
 .banner-fit-switch button{font-size:11px}
}


/* V8 - logo principal maior + favicon/logo atualizada */
.brand-logo-image{height:96px;max-width:min(100%,340px)}
.brand-compact .brand-logo-image{height:68px;max-width:230px}
.land-nav .brand-logo-image{height:92px;max-width:330px}
.left-rail .brand-logo-image{height:104px;max-width:270px}
.mobile-brand .brand-logo-image{height:64px;max-width:220px}
.footer-about .brand-logo-image{height:118px;max-width:300px}
.route-transition-logo{width:min(430px,82vw);max-height:300px}
.page-boot img,.recovery-screen img{width:min(360px,80vw)}
@media(max-width:760px){.brand-logo-image,.land-nav .brand-logo-image{height:66px;max-width:220px}.left-rail .brand-logo-image{height:86px;max-width:225px}.mobile-brand .brand-logo-image{height:58px;max-width:200px}}
@media(max-width:460px){.land-nav .brand-logo-image{height:54px;max-width:180px}.mobile-brand .brand-logo-image{height:52px;max-width:172px}.footer-about .brand-logo-image{height:88px;max-width:220px}}