@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#080909;--muted:#8b8d90;--line:#292a2c;--green:#39d99b;--red:#ff626c}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:#f4f4f5;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}

.backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;background:#080909}
.cover-grid{position:absolute;inset:-24%;display:flex;flex-direction:column;justify-content:center;gap:18px;transform:rotate(-12deg) scale(1.12);opacity:.78;filter:saturate(.82) blur(1px);transition:opacity 1s;will-change:transform}
.cover-row{display:flex;gap:18px;width:max-content;animation:coverScroll 105s linear infinite}
.cover-row.reverse{animation-name:coverScrollReverse;animation-duration:125s}
.cover-row img{display:block;width:clamp(112px,12vw,190px);height:clamp(112px,12vw,190px);object-fit:cover;border-radius:12px;box-shadow:0 16px 50px #000a;opacity:.88;flex:none}
.cover-row:nth-child(2){margin-left:-140px}
.cover-row:nth-child(3){margin-left:-40px}
.cover-row:nth-child(4){margin-left:-220px}
.cover-row:nth-child(5){margin-left:-80px}
.shade{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.48),rgba(0,0,0,.78) 72%),linear-gradient(#08090944,#080909bb)}
@keyframes coverScroll{from{transform:translateX(0)}to{transform:translateX(-35%)}}
@keyframes coverScrollReverse{from{transform:translateX(-35%)}to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){.cover-row{animation:none}.hero h1,.echo{transition:none}}

.topbar{height:72px;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,8.8vw,124px)}.brand img{width:28px;height:28px;object-fit:contain}.topbar nav{display:flex;align-items:center;gap:34px;color:#858589;font-size:13px}.topbar nav a:hover,.topbar nav .active{color:#fff}.lang{font-size:12px;color:#c5c5c7!important}
.hero{position:relative;z-index:1;min-height:calc(100svh - 132px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px 24px 50px}.hero-logo{width:68px;height:68px;border-radius:13px;background:#101112d9;display:grid;place-items:center;margin:0 0 25px;box-shadow:0 12px 45px #0008}.hero-logo img{width:47px;height:47px;object-fit:contain}h1{font-size:clamp(52px,6vw,78px);line-height:1.04;letter-spacing:-4px;margin:0;font-weight:900;transition:opacity .35s,transform .45s;will-change:opacity,transform}.hero h1.changing{opacity:0;transform:translateY(10px)}.echo{font-size:clamp(42px,5vw,65px);font-weight:900;letter-spacing:-2px;color:#d8d8da;filter:none;opacity:1;line-height:1.25;margin-top:2px;transition:opacity .45s,transform .55s;will-change:opacity,transform;text-shadow:none}.echo.changing{opacity:0;transform:translateY(12px)}.hero p{color:#b7b7ba;font-size:15px;line-height:1.6;max-width:670px;margin:20px 0 33px}.telegram-cta{height:52px;display:inline-flex;align-items:center;gap:13px;padding:0 25px;border-radius:99px;background:#f5f5f5;color:#0a0a0a;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.telegram-cta:hover{transform:translateY(-2px);background:#fff}.tg-icon{width:20px;height:20px;background:#080909;color:white;border-radius:50%;display:grid;place-items:center;font-size:11px}.arrow{font-size:20px;margin-left:3px}
.footer{height:60px;position:relative;z-index:2;border-top:1px solid #ffffff24;display:flex;align-items:center;justify-content:space-between;padding:0 32px;color:#77787b;font-size:12px}.copyright{display:flex;align-items:center;gap:12px}.copyright img{width:19px;height:19px;object-fit:contain}.footer-links{display:flex;gap:27px}.footer a:hover{color:#fff}
.status-page{min-height:100vh;background:#080909}.status-topbar{max-width:824px;margin:auto;height:58px;padding:0}.status-topbar .brand img{width:20px;height:20px}.status-topbar nav{gap:28px;font-size:11px}.status-wrap{width:min(100% - 40px,824px);margin:7px auto 60px}.status-wrap h1{font-size:50px;letter-spacing:-2.5px;margin:0 0 8px}.overall{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:43px}.overall i{width:6px;height:6px;border-radius:50%;background:var(--green);display:block;box-shadow:0 0 10px #39d99b55}.overall.down i{background:var(--red);box-shadow:0 0 10px #ff626c55}.uptime{margin-bottom:38px}.section-line{display:flex;justify-content:space-between;font-size:11px;margin-bottom:10px}.uptime-bars{height:22px;display:grid;grid-template-columns:repeat(48,1fr);gap:3px}.uptime-bars span{background:var(--green);border-radius:1px;min-width:0}.uptime-bars span.bad{background:var(--red)}.uptime-bars span.unknown{background:#454649}.uptime-caption{display:flex;justify-content:space-between;color:#77787b;font-size:10px;margin-top:7px}.services h2{font-size:11px;margin:0 0 9px}.service-row{height:35px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row b{font-weight:500}.state{font-size:10px;color:#818286}.state:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin-right:7px;vertical-align:1px}.state.down:before{background:var(--red)}.state.warn:before{background:#e7b85c}.stats-line{display:flex;align-items:center;gap:5px;color:#7c7d80;font-size:10px;margin-top:19px}.stats-line b{color:#f1f1f2;font-weight:700}.updated{margin-left:auto;color:#65666a}.status-note{font-size:10px;color:#66676a;margin-top:20px}
@media(max-width:640px){.cover-grid{inset:-10%;grid-template-columns:repeat(4,minmax(105px,1fr));gap:14px;opacity:.42}.topbar{height:62px;padding:0 22px}.topbar nav{gap:20px}.hero{min-height:calc(100svh - 122px);padding:28px 20px 35px}.hero h1{letter-spacing:-2.5px}.hero p{font-size:13px}.desktop{display:none}.footer{height:auto;min-height:60px;padding:16px 20px;gap:16px;align-items:flex-start}.footer-links{gap:14px;flex-wrap:wrap;justify-content:flex-end}.copyright{white-space:nowrap}.status-topbar{padding:0 20px}.cover-grid{opacity:.68}.cover-row{gap:12px}.cover-row img{width:clamp(88px,24vw,132px);height:clamp(88px,24vw,132px)}.status-wrap{width:calc(100% - 40px);margin-top:16px}.status-wrap h1{font-size:44px}.uptime-bars{gap:2px}.service-row{height:40px}.updated{display:none}}

@keyframes coverDrift{0%{transform:rotate(-13deg) scale(1.12) translate3d(0,0,0)}50%{transform:rotate(-10deg) scale(1.16) translate3d(-2.5%,1.5%,0)}100%{transform:rotate(-15deg) scale(1.13) translate3d(2%, -1.5%,0)}}
@keyframes coverFloat{0%{transform:perspective(900px) rotateY(-5deg) rotateZ(-1deg) translateY(0)}100%{transform:perspective(900px) rotateY(5deg) rotateZ(1deg) translateY(-12px)}}
@media(prefers-reduced-motion:reduce){.cover-grid,.cover-grid img{animation:none!important}.hero h1,.echo{transition:none!important}}

.back-home{display:inline-flex;align-items:center;gap:9px;color:#a6a6aa;font-size:12px;transition:color .2s}.back-home:hover{color:#fff}.back-home span{font-size:22px;line-height:1}