::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-track{background:radial-gradient(900px 320px at 18% 22%,rgba(0,194,255,.18),transparent 60%),radial-gradient(700px 260px at 85% 78%,rgba(158,63,255,.14),transparent 60%),linear-gradient(135deg,#061a44 0%,#0b2a7a 45%,#2a0a6a 100%);}
::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(0,194,255,.85) 0%,rgba(158,63,255,.85) 100%);border-radius:999px;}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(0,194,255,1) 0%,rgba(158,63,255,1) 100%);}

:root{--bg:#f6f7fb;--card:#ffffff;--text:#0f172a;--muted:#64748b;--line:#e5e7eb;--soft:#f1f5f9;--shadow:0 10px 30px rgba(2,6,23,.06);--radius:16px;}
*{box-sizing:border-box;}
body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text);}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
.container{max-width:1250px;margin:0 auto;padding:0 18px;}




.site-header{position:sticky;top:0;background:radial-gradient(900px 320px at 18% 22%,rgba(0,194,255,.18),transparent 60%),radial-gradient(700px 260px at 85% 78%,rgba(158,63,255,.14),transparent 60%),linear-gradient(135deg,#061a44 0%,#0b2a7a 45%,#2a0a6a 100%);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.14);z-index:10;overflow:hidden;isolation:isolate;}
.site-header:before{content:"";position:absolute;inset:-2px;background:radial-gradient(2px 2px at 12% 30%,rgba(255,255,255,.95),transparent 60%),radial-gradient(2px 2px at 22% 55%,rgba(255,255,255,.85),transparent 60%),radial-gradient(2px 2px at 35% 25%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 48% 45%,rgba(255,255,255,.75),transparent 60%),radial-gradient(2px 2px at 62% 30%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 76% 55%,rgba(255,255,255,.8),transparent 60%),radial-gradient(2px 2px at 88% 35%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 70% 80%,rgba(255,255,255,.75),transparent 60%);pointer-events:none;z-index:0;opacity:.55;filter:drop-shadow(0 0 6px rgba(255,255,255,.35));animation:ctaStarA 3.7s steps(1,end) infinite;}
.site-header:after{content:"";position:absolute;inset:-2px;background:radial-gradient(2px 2px at 16% 42%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 28% 18%,rgba(255,255,255,.8),transparent 60%),radial-gradient(2px 2px at 41% 62%,rgba(255,255,255,.95),transparent 60%),radial-gradient(2px 2px at 57% 26%,rgba(255,255,255,.78),transparent 60%),radial-gradient(2px 2px at 66% 74%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 79% 22%,rgba(255,255,255,.85),transparent 60%),radial-gradient(2px 2px at 92% 58%,rgba(255,255,255,.92),transparent 60%),radial-gradient(2px 2px at 74% 88%,rgba(255,255,255,.75),transparent 60%);pointer-events:none;z-index:0;opacity:.45;filter:drop-shadow(0 0 7px rgba(255,255,255,.35));animation:ctaStarB 5.1s steps(1,end) infinite;animation-delay:-1.3s;}
.site-header a{-webkit-tap-highlight-color:transparent;}

.header-inner{padding:18px 0;position:relative;z-index:2;}
.brand{display:flex;justify-content:center;}
.brand:focus{outline:none;}
.brand:focus-visible{outline:none;}
.logo{height:150px;width:auto;border-radius:14px;box-shadow:var(--shadow);will-change:transform;transform-origin:center;animation:logoFlip2 7s linear infinite;}
.nav{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:14px;}
.nav-link{padding:10px 14px 11px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);color:#fff;box-shadow:0 10px 30px rgba(0,0,0,.14);}
.nav-link:hover{transform:translateY(-1px);transition:all .12s ease;filter:brightness(1.05);}
.nav-link:focus{outline:none;}
.nav-link:focus-visible{outline:none;}

.header-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;}
.header-name{position:absolute;color:rgba(255,255,255,.55);font-weight:400;letter-spacing:-.2px;text-shadow:0 10px 26px rgba(0,0,0,.28);opacity:0;white-space:nowrap;animation:headerNamePop 3.2s ease-in-out forwards;user-select:none;z-index:1;}
@keyframes headerNamePop{0%{opacity:0;transform:translate3d(0,10px,0) scale(.98);}12%{opacity:.60;}60%{opacity:.60;}100%{opacity:0;transform:translate3d(0,-8px,0) scale(1);}}
@media (prefers-reduced-motion: reduce){.header-name{animation:none;opacity:.18;}}

.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:15px;min-width:0;}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap;}
.h2{margin:0;font-size:18px;letter-spacing:-.2px;font-weight:600;}
.h3{margin:0;font-size:18px;letter-spacing:-.2px;color:#fff;}

.cta-main{display:flex;align-items:center;gap:14px;min-width:0;flex:0 1 auto;position:relative;z-index:1;}
.cta-left{display:flex;align-items:center;gap:12px;min-width:0;position:relative;z-index:1;}
.cta-copy{min-width:0;}
.cta-right{position:relative;z-index:1;flex:0 0 auto;}
.cta-social{display:flex;gap:10px;align-items:center;margin-left:auto;min-width:0;}
.cta-soc{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);box-shadow:0 10px 30px rgba(0,0,0,.14);color:#fff;min-width:0;}
.cta-soc:hover{filter:brightness(1.05);}
.cta-soc-ico{width:18px;height:18px;display:block;flex:0 0 auto;}
.cta-soc svg{width:18px;height:18px;display:block;fill:currentColor;}
.cta-soc-txt{display:flex;flex-direction:column;line-height:1.05;min-width:0;}
.cta-soc-count{font-size:13px;font-weight:800;letter-spacing:-.1px;white-space:nowrap;}
.cta-soc-label{font-size:11px;color:rgba(255,255,255,.72);white-space:nowrap;}
@media (max-width:520px){.cta-main{width:100%;flex-direction:column;}}
@media (max-width:520px){.cta-right{width:100%;}}
@media (max-width:520px){.cta-social{width:100%;justify-content:space-between;}}
@media (max-width:520px){.cta-soc{flex:1 1 0;justify-content:center;}}
@media (max-width:520px){.cta-soc-txt{align-items:center;}}

.small-link{font-size:13px;color:var(--muted);border-bottom:1px dashed var(--line);}
.small-link:hover{color:var(--text);}
.appdl-logo{width:100px;height:100px;border-radius:16px;object-fit:cover;border:1px solid rgba(255,255,255,.20);box-shadow:0 10px 30px rgba(0,0,0,.18);background:rgba(255,255,255,.10);flex:0 0 auto;}
.appdl-ico{width:30px;height:24px;display:block;flex:0 0 auto;}

.appdl-badges{display:flex;gap:12px;flex-wrap:nowrap;align-items:center;justify-content:center;}
.appdl-store{display:inline-block;}
.appdl-badge-img{height:48px;width:auto;display:block;}

.row-2{display:grid;grid-template-columns:2fr 1fr;gap:18px;align-items:stretch;min-width:0;}
.row-2>.card{height:100%;display:flex;flex-direction:column;min-width:0;}
.row-2b{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start;}
.embed-wrap{border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--soft);margin-bottom:12px;min-width:0;}
.embed{width:100%;height:255px;border:0;display:block;max-width:100%;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;min-width:0;}
.video-tile{display:block;background:var(--soft);border:1px solid var(--line);border-radius:14px;overflow:hidden;min-width:0;}
.thumb{width:100%;aspect-ratio:16/9;object-fit:cover;}
.video-title{padding:10px 10px 12px;font-size:13px;line-height:1.35;color:var(--text);}
.video-title-txt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:2.7em;word-break:break-word;}
.live-title{margin-top:10px;font-size:13px;color:var(--text);line-height:1.35;}
.section-gap{margin-top:18px;}
.grid-ig{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;}
.ig-tile{display:block;aspect-ratio:4/5;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--soft);}
.ig-img{width:100%;height:100%;object-fit:cover;object-position:center;}

.p{margin:0 0 12px;color:var(--muted);line-height:1.6;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:12px;background:radial-gradient(900px 320px at 18% 22%,rgba(0,194,255,.18),transparent 60%),radial-gradient(700px 260px at 85% 78%,rgba(158,63,255,.14),transparent 60%),linear-gradient(135deg,#061a44 0%,#0b2a7a 45%,#2a0a6a 100%);color:#fff;border:1px solid rgba(2,6,23,.14);}
.btn:hover{opacity:.92;}
.empty{padding:14px;border-radius:14px;background:var(--soft);border:1px dashed var(--line);color:var(--muted);}
.alert{padding:12px 14px;border-radius:14px;border:1px solid var(--line);margin-bottom:14px;}
.ok{background:#f0fdf4;color:#166534;border-color:#bbf7d0;}
.err{background:#fff1f2;color:#9f1239;border-color:#fecdd3;}
.form{display:grid;gap:12px;}
.form-row{display:grid;gap:6px;}
.label{font-size:13px;color:var(--muted);}
.input{width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:#fff;outline:none;}
.textarea{width:100%;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:#fff;outline:none;resize:vertical;}
.list{display:grid;gap:14px;}
.list-item{padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--soft);}
.list-title{font-weight:800;letter-spacing:-.2px;margin-bottom:6px;}
.list-meta{font-size:12px;color:var(--muted);margin-bottom:10px;}
.list-body{color:var(--text);line-height:1.65;}
.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}
.chip{padding:10px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--text);}

.footer{margin-top:26px;border-top:1px solid var(--line);background:#fff;}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;}
.footer-title{font-weight:700;letter-spacing:-.3px;}
.footer-muted{color:var(--muted);font-size:13px;margin-top:4px;}
.footer-right{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;}
.footer-link{color:var(--muted);border-bottom:1px dashed var(--line);}
.footer-link:hover{color:var(--text);}
.footer-left{text-align:center;}
@media (max-width:520px){.footer-inner{flex-direction:column;gap:12px;}}
@media (max-width:520px){.footer-right{width:100%;gap:10px;}}
@media (max-width:520px){.footer-link{padding:10px 12px;border:1px solid var(--line);border-radius:999px;background:var(--soft);}}
@media (max-width:520px){.footer-muted{font-size:12px;}}

.appdl{padding:18px;border-radius:18px;background:radial-gradient(900px 320px at 18% 22%,rgba(0,194,255,.32),transparent 60%),radial-gradient(700px 260px at 85% 78%,rgba(158,63,255,.26),transparent 60%),linear-gradient(135deg,#061a44 0%,#0b2a7a 45%,#2a0a6a 100%);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 45px rgba(2,6,23,.22);position:relative;overflow:hidden;}
.appdl:before{content:"";position:absolute;inset:-2px;background:radial-gradient(2px 2px at 12% 30%,rgba(255,255,255,.95),transparent 60%),radial-gradient(2px 2px at 22% 55%,rgba(255,255,255,.85),transparent 60%),radial-gradient(2px 2px at 35% 25%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 48% 45%,rgba(255,255,255,.75),transparent 60%),radial-gradient(2px 2px at 62% 30%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 76% 55%,rgba(255,255,255,.8),transparent 60%),radial-gradient(2px 2px at 88% 35%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 70% 80%,rgba(255,255,255,.75),transparent 60%);pointer-events:none;z-index:0;opacity:.55;filter:drop-shadow(0 0 6px rgba(255,255,255,.35));animation:ctaStarA 3.9s steps(1,end) infinite;animation-delay:-.9s;}
.appdl:after{content:"";position:absolute;inset:-2px;background:radial-gradient(2px 2px at 16% 42%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 28% 18%,rgba(255,255,255,.8),transparent 60%),radial-gradient(2px 2px at 41% 62%,rgba(255,255,255,.95),transparent 60%),radial-gradient(2px 2px at 57% 26%,rgba(255,255,255,.78),transparent 60%),radial-gradient(2px 2px at 66% 74%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 79% 22%,rgba(255,255,255,.85),transparent 60%),radial-gradient(2px 2px at 92% 58%,rgba(255,255,255,.92),transparent 60%),radial-gradient(2px 2px at 74% 88%,rgba(255,255,255,.75),transparent 60%);pointer-events:none;z-index:0;opacity:.45;filter:drop-shadow(0 0 7px rgba(255,255,255,.35));animation:ctaStarB 5.4s steps(1,end) infinite;animation-delay:-1.7s;}
.appdl-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;z-index:1;}
.appdl-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto;}
.appdl-badge{width:44px;height:44px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);box-shadow:0 10px 30px rgba(0,0,0,.18);flex:0 0 auto;}
.appdl-copy{min-width:0;}
.appdl-kicker{font-size:12px;color:rgba(255,255,255,.75);line-height:1.1;margin-bottom:4px;}
.appdl-title{font-size:18px;font-weight:700;letter-spacing:-.25px;line-height:1.1;color:#ffffff;}
.appdl-desc{margin-top:6px;font-size:13px;color:rgba(255,255,255,.78);line-height:1.5;max-width:760px;}
.appdl-right{display:flex;flex-direction:column;gap:10px;flex:0 0 325px;align-items:stretch;}
.appdl-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 14px;border-radius:14px;color:#ffffff;font-size:13px;font-weight:700;letter-spacing:-.1px;box-shadow:0 12px 26px rgba(0,0,0,.22);white-space:nowrap;}
.appdl-btn:hover{filter:brightness(1.05);}
.appdl-btn-android{background:linear-gradient(135deg,#00c2ff 0%,#22c55e 100%);}
.appdl-btn-ios{background:linear-gradient(135deg,#6d28ff 0%,#00c2ff 100%);}
.appdl-note{font-size:12px;color:rgba(255,255,255,.72);text-align:center;}
@media (max-width:980px){.appdl-inner{flex-direction:column;}}
@media (max-width:980px){.appdl-right{flex:0 0 auto;width:100%;}}
@media (max-width:520px){.appdl-btn{width:100%;}}

.cta-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 16px;border-radius:18px;background: radial-gradient(900px 320px at 18% 22%, rgba(0, 194, 255, .32), transparent 60%), radial-gradient(700px 260px at 85% 78%, rgba(158, 63, 255, .26), transparent 60%), linear-gradient(320deg, #061a44 0%, #0b2a7a 45%, #2a0a6a 100%);position:relative;overflow:hidden;}
.cta-strip:before{content:"";position:absolute;inset:-2px;background:radial-gradient(2px 2px at 12% 30%,rgba(255,255,255,.95),transparent 60%),radial-gradient(2px 2px at 22% 55%,rgba(255,255,255,.85),transparent 60%),radial-gradient(2px 2px at 35% 25%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 48% 45%,rgba(255,255,255,.75),transparent 60%),radial-gradient(2px 2px at 62% 30%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 76% 55%,rgba(255,255,255,.8),transparent 60%),radial-gradient(2px 2px at 88% 35%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 70% 80%,rgba(255,255,255,.75),transparent 60%);pointer-events:none;z-index:0;opacity:.55;filter:drop-shadow(0 0 6px rgba(255,255,255,.35));animation:ctaStarA 3.7s steps(1,end) infinite;}
.cta-strip:after{content:"";position:absolute;inset:-2px;background:radial-gradient(2px 2px at 16% 42%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 28% 18%,rgba(255,255,255,.8),transparent 60%),radial-gradient(2px 2px at 41% 62%,rgba(255,255,255,.95),transparent 60%),radial-gradient(2px 2px at 57% 26%,rgba(255,255,255,.78),transparent 60%),radial-gradient(2px 2px at 66% 74%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 79% 22%,rgba(255,255,255,.85),transparent 60%),radial-gradient(2px 2px at 92% 58%,rgba(255,255,255,.92),transparent 60%),radial-gradient(2px 2px at 74% 88%,rgba(255,255,255,.75),transparent 60%);pointer-events:none;z-index:0;opacity:.45;filter:drop-shadow(0 0 7px rgba(255,255,255,.35));animation:ctaStarB 5.1s steps(1,end) infinite;animation-delay:-1.3s;}
.cta-icon{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);box-shadow:0 10px 30px rgba(0,0,0,.18);flex:0 0 auto;}
.cta-kicker{font-size:12px;color:rgba(255,255,255,.75);line-height:1.1;margin-bottom:3px;}
.cta-title{font-size:16px;font-weight:700;letter-spacing:-.2px;line-height:1.15;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cta-desc{font-size:12px;color:rgba(255,255,255,.72);line-height:1.2;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:14px;background:linear-gradient(135deg,#00c2ff 0%,#6d28ff 100%);color:#ffffff;font-size:13px;font-weight:600;white-space:nowrap;box-shadow:0 10px 26px rgba(0,0,0,.22);}
.cta-strip:hover .cta-btn{filter:brightness(1.05);}
@media (max-width:520px){.cta-strip{flex-direction:column;align-items:flex-start;}}
@media (max-width:520px){.cta-right{width:100%;}}
@media (max-width:520px){.cta-btn{width:100%;}}
@media (max-width:520px){.cta-title{white-space:normal;}}
@media (max-width:520px){.cta-desc{white-space:normal;}}

.vatan-wrap{padding:10px;border-radius:18px;background:radial-gradient(900px 320px at 18% 22%,rgba(0,194,255,.32),transparent 60%),radial-gradient(700px 260px at 85% 78%,rgba(158,63,255,.26),transparent 60%),linear-gradient(320deg,#061a44 0%,#0b2a7a 45%,#2a0a6a 100%);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 45px rgba(2,6,23,.22);position:relative;overflow:hidden;}
.vatan-wrap:before{content:"";position:absolute;inset:-2px;background:radial-gradient(2px 2px at 14% 26%,rgba(255,255,255,.95),transparent 60%),radial-gradient(2px 2px at 26% 58%,rgba(255,255,255,.85),transparent 60%),radial-gradient(2px 2px at 38% 22%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 52% 44%,rgba(255,255,255,.75),transparent 60%),radial-gradient(2px 2px at 64% 28%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 78% 58%,rgba(255,255,255,.8),transparent 60%),radial-gradient(2px 2px at 90% 34%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 72% 82%,rgba(255,255,255,.75),transparent 60%);pointer-events:none;z-index:0;opacity:.55;filter:drop-shadow(0 0 6px rgba(255,255,255,.35));animation:ctaStarA 4.2s steps(1,end) infinite;animation-delay:-.7s;}
.vatan-wrap:after{content:"";position:absolute;inset:-2px;background:radial-gradient(2px 2px at 18% 40%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 34% 16%,rgba(255,255,255,.8),transparent 60%),radial-gradient(2px 2px at 46% 66%,rgba(255,255,255,.95),transparent 60%),radial-gradient(2px 2px at 60% 24%,rgba(255,255,255,.78),transparent 60%),radial-gradient(2px 2px at 70% 72%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 82% 20%,rgba(255,255,255,.85),transparent 60%),radial-gradient(2px 2px at 94% 56%,rgba(255,255,255,.92),transparent 60%),radial-gradient(2px 2px at 76% 90%,rgba(255,255,255,.75),transparent 60%);pointer-events:none;z-index:0;opacity:.45;filter:drop-shadow(0 0 7px rgba(255,255,255,.35));animation:ctaStarB 5.6s steps(1,end) infinite;animation-delay:-1.9s;}
.vatan-wrap>*{position:relative;z-index:1;}
.vatan-stage{position:relative;height:70px;display:flex;align-items:center;justify-content:center;text-align:center;}
.vatan-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;opacity:0;transform:translate3d(0,10px,0);color:var(--card);font-size:34px;font-weight:700;letter-spacing:-.7px;line-height:1.1;animation:vatanSeq 12s infinite;animation-timing-function:cubic-bezier(.22,1,.36,1);will-change:opacity,transform;pointer-events:none;}
.vatan-slide-logo{background-image:url("https://vatangame.com/VatanDocs/logo/logo.png");background-repeat:no-repeat;background-position:center;background-size:clamp(160px,35vw,300px) auto;background-color:transparent;transform:none;animation-name:vatanSeqLogo;}
.vatan-slide-logo{animation-delay:0s;}
.vatan-slide-t1{animation-delay:3s;}
.vatan-slide-t2{animation-delay:6s;}
.vatan-slide-t3{animation-delay:9s;}
@keyframes vatanSeq{0%{opacity:0;transform:translate3d(0,10px,0);}6%{opacity:1;transform:translate3d(0,0,0);}16%{opacity:1;transform:translate3d(0,0,0);}22%{opacity:0;transform:translate3d(0,-8px,0);}100%{opacity:0;transform:translate3d(0,-8px,0);}}
@keyframes vatanSeqLogo{0%{opacity:0;}6%{opacity:1;}16%{opacity:1;}22%{opacity:0;}100%{opacity:0;}}

.live-mini{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px;border-radius:14px;background:var(--soft);border:1px solid var(--line);margin-top:auto;}
.live-mini-left{display:flex;align-items:center;gap:10px;min-width:0;}
.live-badge{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);box-shadow:0 6px 20px rgba(2,6,23,.04);flex:0 0 auto;}
.live-mini-text{min-width:0;}
.live-mini-title{font-size:13px;font-weight:700;letter-spacing:-.1px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.live-mini-sub{margin-top:3px;font-size:12px;color:var(--muted);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.live-mini-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:12px;background:var(--text);color:#fff;border:1px solid rgba(2,6,23,.14);font-size:12px;white-space:nowrap;}
.live-mini-btn:hover{opacity:.92;}

.pick{display:flex;gap:12px;flex-wrap:wrap;}
.pick-opt{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fff;}
.hint{font-size:12px;color:var(--muted);margin-top:6px;}

.contact-hero{position:relative;overflow:hidden;background:radial-gradient(900px 320px at 18% 22%,rgba(0,194,255,.18),transparent 60%),radial-gradient(700px 260px at 85% 78%,rgba(158,63,255,.14),transparent 60%),linear-gradient(135deg,#061a44 0%,#0b2a7a 45%,#2a0a6a 100%);border:1px solid rgba(255,255,255,.14);}
.contact-hero:before{content:"";position:absolute;inset:-2px;background:radial-gradient(2px 2px at 12% 30%,rgba(255,255,255,.95),transparent 60%),radial-gradient(2px 2px at 22% 55%,rgba(255,255,255,.85),transparent 60%),radial-gradient(2px 2px at 35% 25%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 48% 45%,rgba(255,255,255,.75),transparent 60%),radial-gradient(2px 2px at 62% 30%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 76% 55%,rgba(255,255,255,.8),transparent 60%),radial-gradient(2px 2px at 88% 35%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 70% 80%,rgba(255,255,255,.75),transparent 60%);pointer-events:none;z-index:0;opacity:.55;filter:drop-shadow(0 0 6px rgba(255,255,255,.35));animation:ctaStarA 3.9s steps(1,end) infinite;animation-delay:-.9s;}
.contact-hero:after{content:"";position:absolute;inset:-2px;background:radial-gradient(2px 2px at 16% 42%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 28% 18%,rgba(255,255,255,.8),transparent 60%),radial-gradient(2px 2px at 41% 62%,rgba(255,255,255,.95),transparent 60%),radial-gradient(2px 2px at 57% 26%,rgba(255,255,255,.78),transparent 60%),radial-gradient(2px 2px at 66% 74%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 79% 22%,rgba(255,255,255,.85),transparent 60%),radial-gradient(2px 2px at 92% 58%,rgba(255,255,255,.92),transparent 60%),radial-gradient(2px 2px at 74% 88%,rgba(255,255,255,.75),transparent 60%);pointer-events:none;z-index:0;opacity:.45;filter:drop-shadow(0 0 7px rgba(255,255,255,.35));animation:ctaStarB 5.4s steps(1,end) infinite;animation-delay:-1.7s;}
.contact-hero-head{position:relative;z-index:1;}
.contact-hero-left{display:flex;align-items:center;gap:12px;min-width:0;}
.contact-badge{width:44px;height:44px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);box-shadow:0 10px 30px rgba(0,0,0,.18);flex:0 0 auto;}
.contact-hero-copy{min-width:0;}
.contact-sub{margin-top:4px;font-size:12px;color:rgba(255,255,255,.72);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.contact-hero-links{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto;}
.contact-linkbtn{display:inline-flex;align-items:center;justify-content:center;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);color:#fff;font-size:12px;font-weight:700;white-space:nowrap;}
.contact-linkbtn:hover{filter:brightness(1.05);}
.contact-hero-body{position:relative;z-index:1;}
.contact-lead{font-size:14px;line-height:1.55;color:rgba(255,255,255,.88);font-weight:700;letter-spacing:-.1px;max-width:820px;}
.contact-cards{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.contact-mini{border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);backdrop-filter:blur(10px);padding:12px;}
.contact-mini-title{font-weight:700;letter-spacing:-.2px;color:#fff;margin-bottom:6px;}
.contact-mini-desc{font-size:13px;line-height:1.5;color:rgba(255,255,255,.78);}
.contact-form-card{height:100%;}
.contact-side{height:100%;}
.contact-info{display:grid;gap:12px;}
.contact-info-item{padding:14px;border-radius:14px;border:1px solid var(--line);background:var(--soft);}
.contact-info-title{font-weight:700;letter-spacing:-.2px;margin-bottom:6px;}
.contact-info-desc{font-size:13px;color:var(--muted);line-height:1.55;}
.contact-info-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;}
.contact-pill{padding:10px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--text);}
.contact-hp{position:absolute;left:-9999px;top:-9999px;height:1px;width:1px;opacity:0;}
@media (max-width:980px){.contact-cards{grid-template-columns:1fr;}}
@media (max-width:980px){.contact-hero-links{margin-left:0;}}

.app-page{padding:18px;}
.app-page-head{flex-wrap:wrap;}
.app-page-titlewrap{display:flex;align-items:center;gap:12px;min-width:0;}
.app-page-logo{width:46px;height:46px;border-radius:16px;object-fit:cover;border:1px solid var(--line);box-shadow:0 10px 24px rgba(2,6,23,.08);background:#fff;flex:0 0 auto;}
.app-page-txt{min-width:0;}
.app-page-title{margin:0;}
.app-page-sub{margin-top:4px;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.app-page-headbtns{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto;}
.store-ico{width:18px;height:18px;display:block;flex:0 0 auto;}

.app-page-hero{margin-top:14px;border-radius:16px;background:radial-gradient(900px 320px at 18% 22%,rgba(0,194,255,.18),transparent 60%),radial-gradient(700px 260px at 85% 78%,rgba(158,63,255,.14),transparent 60%),linear-gradient(135deg,#061a44 0%,#0b2a7a 45%,#2a0a6a 100%);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 45px rgba(2,6,23,.22);position:relative;overflow:hidden;padding:16px;display:grid;grid-template-columns:1.3fr .7fr;gap:16px;}
.app-page-hero:before{content:"";position:absolute;inset:-2px;background:radial-gradient(2px 2px at 12% 30%,rgba(255,255,255,.95),transparent 60%),radial-gradient(2px 2px at 22% 55%,rgba(255,255,255,.85),transparent 60%),radial-gradient(2px 2px at 35% 25%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 48% 45%,rgba(255,255,255,.75),transparent 60%),radial-gradient(2px 2px at 62% 30%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 76% 55%,rgba(255,255,255,.8),transparent 60%),radial-gradient(2px 2px at 88% 35%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 70% 80%,rgba(255,255,255,.75),transparent 60%);pointer-events:none;z-index:0;opacity:.55;filter:drop-shadow(0 0 6px rgba(255,255,255,.35));animation:ctaStarA 3.9s steps(1,end) infinite;animation-delay:-.9s;}
.app-page-hero:after{content:"";position:absolute;inset:-2px;background:radial-gradient(2px 2px at 16% 42%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 28% 18%,rgba(255,255,255,.8),transparent 60%),radial-gradient(2px 2px at 41% 62%,rgba(255,255,255,.95),transparent 60%),radial-gradient(2px 2px at 57% 26%,rgba(255,255,255,.78),transparent 60%),radial-gradient(2px 2px at 66% 74%,rgba(255,255,255,.9),transparent 60%),radial-gradient(2px 2px at 79% 22%,rgba(255,255,255,.85),transparent 60%),radial-gradient(2px 2px at 92% 58%,rgba(255,255,255,.92),transparent 60%),radial-gradient(2px 2px at 74% 88%,rgba(255,255,255,.75),transparent 60%);pointer-events:none;z-index:0;opacity:.45;filter:drop-shadow(0 0 7px rgba(255,255,255,.35));animation:ctaStarB 5.4s steps(1,end) infinite;animation-delay:-1.7s;}
.app-page-hero-left{position:relative;z-index:1;}
.app-page-hero-right{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-end;}
.app-page-kicker{font-size:12px;color:rgba(255,255,255,.75);margin-bottom:6px;}
.app-page-lead{font-size:14px;line-height:1.55;color:rgba(255,255,255,.88);font-weight:700;letter-spacing:-.1px;max-width:720px;}
.app-page-points{margin-top:12px;display:grid;gap:8px;}
.app-page-point{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.86);font-size:13px;}
.app-page-dot{width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.85);box-shadow:0 0 0 4px rgba(255,255,255,.12);flex:0 0 auto;}
.app-page-cta{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap;}
.app-page-note{margin-top:10px;font-size:12px;color:rgba(255,255,255,.72);}

.app-phone{width:260px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);box-shadow:0 18px 45px rgba(2,6,23,.24);backdrop-filter:blur(10px);overflow:hidden;}
.app-phone-top{height:34px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.12);}
.app-phone-pill{width:86px;height:12px;border-radius:999px;background:rgba(255,255,255,.16);}
.app-phone-body{padding:14px;}
.app-phone-h{font-size:12px;font-weight:700;color:rgba(255,255,255,.92);letter-spacing:-.1px;margin-bottom:10px;}
.app-phone-line{height:10px;border-radius:999px;background:rgba(255,255,255,.16);margin-bottom:10px;}
.app-phone-chips{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 12px;}
.app-phone-chip{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.88);font-size:12px;font-weight:700;}
.app-phone-card{height:44px;border-radius:14px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);margin-top:10px;}

.app-page-grid{margin-top:14px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.app-page-box{border-radius:16px;border:1px solid var(--line);background:var(--soft);padding:14px;}
.app-page-box-title{font-weight:700;letter-spacing:-.2px;margin-bottom:6px;}
.app-page-box-desc{font-size:13px;color:var(--muted);line-height:1.55;}

@keyframes logoFlip2{0%{transform:perspective(900px) rotateY(0deg) scaleX(1);}14.285%{transform:perspective(900px) rotateY(360deg) scaleX(1);}100%{transform:perspective(900px) rotateY(360deg) scaleX(1);}}
@keyframes ctaStarA{0%{opacity:.10;filter:drop-shadow(0 0 2px rgba(255,255,255,.15));}6%{opacity:.95;filter:drop-shadow(0 0 12px rgba(255,255,255,.65));}14%{opacity:.18;filter:drop-shadow(0 0 3px rgba(255,255,255,.20));}23%{opacity:.70;filter:drop-shadow(0 0 9px rgba(255,255,255,.45));}31%{opacity:.12;filter:drop-shadow(0 0 2px rgba(255,255,255,.15));}44%{opacity:1;filter:drop-shadow(0 0 13px rgba(255,255,255,.70));}57%{opacity:.22;filter:drop-shadow(0 0 4px rgba(255,255,255,.25));}69%{opacity:.85;filter:drop-shadow(0 0 11px rgba(255,255,255,.55));}81%{opacity:.14;filter:drop-shadow(0 0 2px rgba(255,255,255,.15));}93%{opacity:.78;filter:drop-shadow(0 0 10px rgba(255,255,255,.50));}100%{opacity:.10;filter:drop-shadow(0 0 2px rgba(255,255,255,.15));}}
@keyframes ctaStarB{0%{opacity:.14;filter:drop-shadow(0 0 2px rgba(255,255,255,.15));}9%{opacity:.88;filter:drop-shadow(0 0 12px rgba(255,255,255,.65));}17%{opacity:.20;filter:drop-shadow(0 0 3px rgba(255,255,255,.20));}28%{opacity:.76;filter:drop-shadow(0 0 10px rgba(255,255,255,.55));}39%{opacity:.12;filter:drop-shadow(0 0 2px rgba(255,255,255,.15));}51%{opacity:1;filter:drop-shadow(0 0 13px rgba(255,255,255,.70));}64%{opacity:.18;filter:drop-shadow(0 0 3px rgba(255,255,255,.20));}75%{opacity:.82;filter:drop-shadow(0 0 11px rgba(255,255,255,.60));}86%{opacity:.15;filter:drop-shadow(0 0 2px rgba(255,255,255,.15));}96%{opacity:.90;filter:drop-shadow(0 0 12px rgba(255,255,255,.65));}100%{opacity:.14;filter:drop-shadow(0 0 2px rgba(255,255,255,.15));}}

@media (max-width:980px){.row-2{grid-template-columns:1fr;}}
@media (max-width:980px){.grid-4{grid-template-columns:repeat(2,1fr);}}
@media (max-width:980px){.grid-ig{grid-template-columns:repeat(3,1fr);}}
@media (max-width:980px){.row-2b{grid-template-columns:1fr;}}
@media (max-width:980px){.logo{height:122px;}}
@media (max-width:980px){.vatan-slide{font-size:26px;}}
@media (max-width:980px){.app-page-hero{grid-template-columns:1fr;}}
@media (max-width:980px){.app-page-hero-right{justify-content:flex-start;}}
@media (max-width:980px){.app-phone{width:100%;max-width:360px;}}
@media (max-width:980px){.app-page-grid{grid-template-columns:1fr;}}
@media (max-width:520px){.grid-ig{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.nav-link{padding:6px 10px 7px;}}
@media (max-width:520px){.vatan-stage{height:140px;}}
@media (max-width:520px){.vatan-slide{font-size:21px;letter-spacing:-.4px;}}