:root{--bg:#090d12;--panel:#101721;--panel2:#131d29;--line:#263343;--text:#f1f5f8;--muted:#9eacba;--lime:#c9ff4b;--cyan:#64dfff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}.shell{width:min(1180px,calc(100% - 42px));margin:auto}.topline{background:#111b17;border-bottom:1px solid #304429;color:#a8b99f;font-size:10px}.topline .shell{min-height:35px;display:flex;gap:15px;align-items:center}.topline b{color:var(--lime);font-size:10px;letter-spacing:.08em}.topline span{flex:1}.topline i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);margin-right:6px}.topline button,.footer button{border:0;background:none;color:#aebac6;font:700 9px Inter;letter-spacing:.05em;cursor:pointer}.topline button{color:var(--lime)}.header{height:75px;display:flex;justify-content:space-between;align-items:center;gap:20px}.logo{display:flex;gap:8px;align-items:center;color:#fff;text-decoration:none;font:800 22px 'Barlow Condensed';letter-spacing:.04em}.logo>span{display:grid;place-items:center;width:27px;height:27px;background:var(--lime);color:#0b100b;font-size:19px}.logo small{color:var(--lime);font:700 10px Inter;letter-spacing:.13em;margin-left:2px}.header nav{display:flex;gap:21px}.header nav a{color:#91a0b0;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.06em}.header nav a:hover,.header nav a.active{color:var(--lime)}.header-actions{display:flex;align-items:center;gap:8px}.icon-button,.login{border:1px solid var(--line);background:#101720;color:#d7e0e9;border-radius:5px;cursor:pointer}.icon-button{width:34px;height:34px;font-size:16px}.login{padding:9px 12px;font:800 10px Inter}.hero{min-height:500px;padding:86px 0 62px;display:grid;grid-template-columns:1fr 1.04fr;gap:42px;align-items:center}.eyebrow{color:var(--lime);font-size:10px;font-weight:800;letter-spacing:.12em}.hero h1{font:800 clamp(50px,7vw,90px)/.83 'Barlow Condensed';letter-spacing:-.02em;margin:15px 0 20px}.hero h1 span{color:var(--lime)}.hero p{max-width:505px;color:#b5c0cb;font-size:13px;line-height:1.7}.hero-buttons{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}.button{border:1px solid var(--lime);background:var(--lime);color:#10150d;border-radius:4px;padding:11px 13px;font:800 10px Inter;letter-spacing:.04em;cursor:pointer}.button:hover{filter:brightness(1.08)}.button.line{background:transparent;color:#d3e0e9;border-color:#405369}.button.wide{width:100%;margin-top:15px}.hero-stats{display:flex;gap:27px;margin-top:38px}.hero-stats b{display:block;color:#fff;font:700 26px 'Barlow Condensed'}.hero-stats span{color:#8999aa;font-size:9px}.hero-feature{position:relative;height:370px;padding:0;border:1px solid #34465b;border-radius:9px;background:#111923;overflow:hidden;color:#fff;text-align:left;cursor:pointer;isolation:isolate}.hero-feature img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;opacity:.72;transition:transform .5s}.hero-feature:hover img{transform:scale(1.05)}.hero-feature:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#090d12 0%,transparent 69%);z-index:-1}.hero-feature>div{position:absolute;left:25px;bottom:24px;z-index:1}.hero-feature em{font-size:9px;font-style:normal;color:var(--lime);font-weight:800}.hero-feature h2{font:800 55px/.8 'Barlow Condensed';letter-spacing:.02em;margin:9px 0}.hero-feature p{margin:0;color:#dbe4ec;font-size:11px}.play{position:absolute;top:22px;right:22px;z-index:1;display:grid;place-items:center;width:49px;height:49px;border-radius:50%;background:var(--lime);color:#10150d;font-size:16px;padding-left:3px}.trend-wrap{border-block:1px solid var(--line);background:#0e141d}.trend-row{display:flex;min-height:58px;gap:17px;align-items:center;overflow:auto}.trend-row span{color:#8292a4;font-size:9px;letter-spacing:.1em;white-space:nowrap}.trend-row button{flex:0 0 auto;border:0;background:none;color:#d0dae3;font:800 10px Inter;cursor:pointer}.trend-row button:hover{color:var(--lime)}.trend-row b{color:var(--lime);margin-left:5px}.section{padding:70px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px}.section-head h2{font:800 clamp(28px,4vw,43px)/.9 'Barlow Condensed';margin:8px 0 0}.text-link{border:0;background:transparent;color:var(--lime);font:800 10px Inter;cursor:pointer;white-space:nowrap}.media-filters{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:17px}.media-filters button{border:1px solid var(--line);background:#111822;color:#afbdcb;border-radius:4px;padding:8px 10px;font:800 9px Inter;cursor:pointer}.media-filters button.active,.media-filters button:hover{color:var(--lime);border-color:#58783a;background:#192416}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.video-card{min-width:0;border:1px solid var(--line);border-radius:7px;background:var(--panel);overflow:hidden;transition:transform .2s}.video-card:hover{transform:translateY(-3px);border-color:#516477}.video-card.wide{grid-column:span 2}.video-card>button{position:relative;width:100%;height:154px;border:0;padding:0;background:#111;cursor:pointer;overflow:hidden}.video-card.wide>button{height:232px}.video-card img{width:100%;height:100%;object-fit:cover;opacity:.78;transition:transform .35s}.video-card:hover img{transform:scale(1.04)}.duration{position:absolute;right:9px;bottom:9px;color:#fff;background:#090d12d9;padding:4px 5px;font-size:9px;font-weight:800}.play-small{position:absolute;left:12px;bottom:10px;color:#111;background:var(--lime);width:26px;height:26px;border-radius:50%;padding:7px 0 0 2px;font-size:10px}.video-card>div{padding:13px}.tag{display:inline-block;background:#214232;color:#c9ff4b;border-radius:3px;padding:4px 5px;font-size:8px;font-weight:800}.tag.violet{background:#30274a;color:#c9b5ff}.tag.pink{background:#48263c;color:#ffafd3}.tag.orange{background:#46321e;color:#ffd58a}.video-card h3{font:800 19px/1 'Barlow Condensed';margin:9px 0 7px}.video-card p{margin:0;color:#96a5b5;font-size:10px}.screens-wrap{background:#0d131c;border-block:1px solid var(--line)}.screen-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;grid-template-rows:190px 190px;gap:12px}.screen-card{position:relative;border:1px solid var(--line);background:#111;overflow:hidden;border-radius:7px;padding:0;text-align:left;color:#fff;cursor:pointer}.screen-card.tall{grid-row:span 2}.screen-card img{width:100%;height:100%;object-fit:cover;opacity:.69;transition:transform .4s,filter .4s}.screen-card:hover img{transform:scale(1.06)}.screen-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080d13dd,transparent 70%)}.screen-card span{position:absolute;z-index:1;bottom:13px;left:14px;font:800 18px 'Barlow Condensed'}.screen-card small{display:block;color:#cad3dc;font:500 9px Inter;margin-top:3px}.cyan img{filter:saturate(1.3)}.amber img{filter:sepia(.26)}.pink img{filter:hue-rotate(340deg)}.green img{filter:saturate(.8)}.violet img{filter:hue-rotate(25deg)}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.journal-grid article{display:grid;grid-template-columns:58px 1fr;gap:14px;padding:18px;border:1px solid var(--line);background:var(--panel);border-radius:7px}.journal-number{color:var(--lime);font:800 38px 'Barlow Condensed';border-right:1px solid var(--line)}.journal-grid span{color:#8d9cac;font:800 9px Inter}.journal-grid h3{font:800 26px/.92 'Barlow Condensed';margin:10px 0}.journal-grid p{color:#aab7c5;font-size:11px;line-height:1.6}.journal-grid button{border:0;padding:0;background:none;color:var(--lime);font:800 10px Inter;cursor:pointer}.creator-band{background:linear-gradient(100deg,#1b2a19,#111d25 50%,#17202e);border-block:1px solid #4d6e3a}.creator-content{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:47px 0}.creator-content h2{font:800 45px/.9 'Barlow Condensed';margin:8px 0}.creator-content p{max-width:600px;color:#c5d0db;font-size:12px;line-height:1.6}.creator-actions{display:flex;gap:7px;flex:0 0 auto;flex-wrap:wrap}.footer{min-height:105px;display:flex;align-items:center;gap:20px;color:#8999aa;font-size:10px}.footer>span{flex:1}.footer>div{display:flex;gap:12px}.modal{position:fixed;z-index:20;inset:0;background:#05070bdd;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-box{position:relative;width:min(560px,100%);max-height:min(760px,calc(100vh - 35px));overflow:auto;border:1px solid #3e536a;border-radius:8px;background:#101720;padding:22px;box-shadow:0 20px 80px #000}.modal-close{position:absolute;right:10px;top:8px;border:0;background:none;color:#c9d5e0;font-size:28px;cursor:pointer;z-index:2}.video-box{width:min(900px,100%);padding:0;background:#05070a}.video-box #videoSlot{aspect-ratio:16/9}.video-box iframe{width:100%;height:100%;border:0}.shot-box{width:min(760px,100%);padding:0}.shot-box img{width:100%;max-height:355px;object-fit:cover;border-bottom:1px solid var(--line)}.shot-box>div{padding:18px}.shot-box h2,.auth-box h2{font:800 35px/.9 'Barlow Condensed';margin:8px 0}.shot-box p,.auth-box>p{color:#aebdca;font-size:12px;line-height:1.6}.auth-box label{display:block;margin-top:11px;color:#aebdca;font-size:9px;font-weight:800}.auth-box input{width:100%;margin-top:5px;border:1px solid #334355;background:#0a0f15;color:#fff;padding:10px;border-radius:4px;font:12px Inter}.auth-switch{text-align:center;margin:13px 0 0!important}.auth-switch button{border:0;background:none;color:var(--lime);font:800 10px Inter;cursor:pointer}.hidden{display:none!important}.toast{position:fixed;z-index:50;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.2s;background:#e7f3ff;color:#10151c;padding:10px 13px;border-radius:4px;font-size:11px;font-weight:700}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:800px){.header nav{display:none}.hero{grid-template-columns:1fr;padding-top:56px}.hero-feature{height:290px}.video-grid{grid-template-columns:1fr 1fr}.video-card.wide{grid-column:span 2}.creator-content{align-items:flex-start;flex-direction:column}.journal-grid{grid-template-columns:1fr}}@media(max-width:560px){.shell{width:min(100% - 28px,1180px)}.topline span{display:none}.topline .shell{justify-content:space-between}.hero{padding-top:42px}.hero h1{font-size:59px}.hero-stats{gap:15px}.hero-stats b{font-size:21px}.video-grid{grid-template-columns:1fr}.video-card.wide{grid-column:auto}.video-card.wide>button{height:180px}.screen-grid{grid-template-columns:1fr 1fr;grid-template-rows:155px 155px 155px}.screen-card.tall{grid-row:span 2}.journal-grid article{grid-template-columns:43px 1fr}.journal-number{font-size:30px}.footer{padding:25px 0;align-items:flex-start;flex-direction:column}.footer>div{flex-wrap:wrap}.creator-content h2{font-size:38px}.header{height:64px}}