@font-face{font-family:Poppins;font-weight:400;src:url(assets/poppins-400.woff) format("woff");font-display:swap}
@font-face{font-family:Poppins;font-weight:500;src:url(assets/poppins-500.woff) format("woff");font-display:swap}
@font-face{font-family:Poppins;font-weight:700;src:url(assets/poppins-700.woff) format("woff");font-display:swap}
:root{--ink:#14161A;--black:#0B0B0B;--blue:#1F34E6;--red:#E5242B;--yellow:#F7D308;--text:#F2F3F5;--muted:#A7ABB3}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}
body{background:var(--black);color:var(--text);font-family:Poppins,system-ui,"Segoe UI",sans-serif;line-height:1.6;display:flex;flex-direction:column;min-height:100vh}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 24px}
.logo{width:min(440px,84vw);height:auto}
.stripes{display:flex;gap:8px;margin:40px 0 28px}
.stripes i{display:block;height:6px;width:56px;border-radius:3px;transform-origin:left;animation:roll 3.2s ease-in-out infinite alternate}
.stripes i:nth-child(1){background:var(--blue)}.stripes i:nth-child(2){background:var(--red);animation-delay:.25s}.stripes i:nth-child(3){background:var(--yellow);animation-delay:.5s}
@keyframes roll{from{transform:scaleX(.25);opacity:.6}to{transform:scaleX(1);opacity:1}}
h1{font-size:clamp(30px,5vw,48px);line-height:1.15;margin:0 0 16px;font-weight:700}
p{color:var(--muted);max-width:520px;margin:0 auto 12px;font-size:17px}
.contact{margin-top:28px;display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:center;font-size:17px}
.contact a{color:var(--text);text-decoration:none;border-bottom:2px solid var(--yellow)}
.contact a:hover{border-color:var(--red)}
footer{padding:24px;text-align:center;font-size:14px;color:var(--muted);border-top:1px solid #1d1f24}
footer a{color:var(--muted);margin:0 10px}footer a:hover{color:var(--text)}
.rv{direction:rtl;unicode-bidi:bidi-override}
@media (prefers-reduced-motion:reduce){.stripes i{animation:none}}