:root{--c-navy:#0a1f44;--c-primary:#1d7af3;--c-primary-d:#1260c9;--c-cyan:#19c3e6;--c-ink:#0b1b33;--c-muted:#5a6a82;--c-bg:#f5f8fc;--c-card:#fff;--c-line:#e1e8f2;--radius:16px;--header-h:64px;--font:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Noto Sans Devanagari", "Kohinoor Devanagari", "Nirmala UI", "Mangal", Roboto, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);color:var(--c-ink);background:var(--c-bg);margin:0;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1200px;padding-inline:max(16px, env(safe-area-inset-left));margin-inline:auto}.site-header{z-index:50;backdrop-filter:saturate(160%)blur(10px);border-bottom:1px solid var(--c-line);padding-top:env(safe-area-inset-top);background:#ffffffeb;position:sticky;top:0}.bar{min-height:var(--header-h);justify-content:space-between;align-items:center;display:flex;position:relative}.brand{display:block}.brand img{width:200px;height:auto}.nav{align-self:stretch;align-items:stretch;gap:4px;display:flex}.nav a{color:var(--c-navy);flex-direction:column;justify-content:center;align-items:center;padding:0 22px;transition:color .2s,background .2s;display:flex;position:relative}.nav a span{font-size:16px;font-weight:600;line-height:1.3}.nav a em{color:var(--c-muted);letter-spacing:.5px;font-size:11px;font-style:normal}.nav a:after{content:"";background:linear-gradient(90deg, var(--c-primary), var(--c-cyan));border-radius:3px 3px 0 0;height:3px;transition:transform .25s;position:absolute;bottom:0;left:22px;right:22px;transform:scaleX(0)}.nav a:hover{color:var(--c-primary)}.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}.nav a.active{color:var(--c-primary)}.menu-btn{cursor:pointer;background:0 0;border:0;padding:10px;display:none}.menu-btn span{background:var(--c-navy);border-radius:2px;width:24px;height:2.5px;margin:5px 0;transition:transform .25s,opacity .25s;display:block}.open .menu-btn span:first-child{transform:translateY(7.5px)rotate(45deg)}.open .menu-btn span:nth-child(2){opacity:0}.open .menu-btn span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}.hero{height:clamp(360px,56vw,560px);position:relative;overflow:hidden}.slides,.slide{position:absolute;inset:0}.hero.loading{background:linear-gradient(120deg,#0a1f44,#123a7a)}.hero.loading .slides,.hero.loading .dots{opacity:0}.slides,.dots{transition:opacity .35s}.slide{opacity:0;visibility:hidden;color:#fff;align-items:center;transition:opacity .7s,visibility .7s;display:flex;overflow:hidden}.slide.active{opacity:1;visibility:visible}.theme-ocean{background:radial-gradient(60% 90% at 85% 10%,#19c3e68c,#0000 60%),linear-gradient(120deg,#0a1f44 0%,#0f3a8a 60%,#1d7af3 100%)}.theme-indigo{background:radial-gradient(55% 90% at 80% 90%,#1d7af399,#0000 60%),linear-gradient(120deg,#0a1f44 0%,#1b2f7a 55%,#3b5bdb 100%)}.theme-cyan{background:radial-gradient(60% 90% at 90% 20%,#ffffff38,#0000 60%),linear-gradient(120deg,#0a3a5c 0%,#0e7fa8 55%,#19c3e6 100%)}.theme-night{background:radial-gradient(50% 80% at 85% 15%,#19c3e659,#0000 60%),linear-gradient(120deg,#06142e 0%,#0a1f44 60%,#123a7a 100%)}.slide-img{background:var(--bg) center/cover no-repeat;position:absolute;inset:0}.slide-img:after{content:"";background:linear-gradient(90deg,#0a14328c,#0a14321a);position:absolute;inset:0}.deco i{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;position:absolute}.deco i:first-child{width:38vw;max-width:460px;height:38vw;max-height:460px;top:-18%;right:-6%}.deco i:nth-child(2){width:22vw;max-width:260px;height:22vw;max-height:260px;bottom:-14%;right:18%}.deco i:nth-child(3){background:var(--c-cyan);border:0;width:14px;height:14px;top:56%;right:12%;box-shadow:0 0 24px 6px #19c3e699}.slide-text{max-width:1200px;position:relative}.eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--c-cyan);margin:0 0 10px;font-size:13px}.slide h1,.slide h2{text-shadow:0 2px 16px #0003;max-width:14em;margin:0 0 14px;font-size:clamp(26px,5.2vw,54px);line-height:1.2}.sub{opacity:.95;max-width:32em;margin:0 0 24px;font-size:clamp(14px,1.8vw,18px)}.btn{color:var(--c-navy);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:12px 26px;font-weight:700;transition:transform .2s;display:inline-flex;box-shadow:0 6px 20px #00000038}.btn:hover{transform:translateY(-2px)}.dots{justify-content:center;gap:10px;display:flex;position:absolute;bottom:16px;left:0;right:0}.dots button{cursor:pointer;background:#ffffff80;border:0;border-radius:50%;width:12px;height:12px;padding:0}.dots button[aria-selected=true]{background:#fff;border-radius:6px;width:28px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.slide-news{cursor:pointer;background:#0f2a43}.slide-cover{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}div.slide-cover{overflow:hidden}.shade{background:linear-gradient(90deg,#08142dc7 0%,#08142d66 55%,#08142d1a 100%);position:absolute;inset:0}.slide-news .sub{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.slide-news h2{-webkit-line-clamp:3;-webkit-box-orient:vertical;max-width:18em;display:-webkit-box;overflow:hidden}.slide-news:hover .btn{transform:translateY(-2px)}@media (width<=720px){.shade{background:linear-gradient(#08142d26 0%,#08142d59 30%,#08142dd9 100%)}.slide-news{align-items:flex-end;padding-bottom:44px}}.section{padding-block:48px 64px}.section-head{border-bottom:3px solid #0000;border-image:linear-gradient(90deg, var(--c-primary), var(--c-cyan)) 1;justify-content:space-between;align-items:baseline;margin-bottom:22px;padding-bottom:12px;display:flex}.section-head h2{color:var(--c-navy);margin:0;font-size:26px}.section-head small{color:var(--c-muted);margin-left:8px;font-size:13px;font-weight:400}.more{color:var(--c-primary-d);font-size:14px}.news-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card{background:var(--c-card);border-radius:var(--radius);border:1px solid var(--c-line);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 2px 10px #0a1f440d}.card:hover{border-color:#c9d8ee;transform:translateY(-4px);box-shadow:0 12px 30px #0a1f4421}.thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#0a1f44,#1d7af3);place-items:center;display:grid;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb .gen{place-items:center;width:100%;height:100%;display:grid}.thumb span{color:#ffffffe6;letter-spacing:2px;font-size:32px;font-weight:800}.card-body{flex-direction:column;gap:6px;padding:14px 16px 16px;display:flex}.card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:17px;line-height:1.4;display:-webkit-box;overflow:hidden}.card p{color:var(--c-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;display:-webkit-box;overflow:hidden}.card time{color:#8a9bb0;font-size:12px}.skeleton{min-height:250px;box-shadow:none;background:linear-gradient(90deg,#e8f1f8 25%,#f5f9fc 50%,#e8f1f8 75%) 0 0/200% 100%;animation:1.4s infinite sh}@keyframes sh{to{background-position:-200% 0}}.news-error{color:var(--c-muted);text-align:center;padding:32px 0}.news-error a{color:var(--c-primary-d);text-decoration:underline}.tabs-wrap{margin:-6px 0 18px;position:relative}.tabs{scrollbar-width:none;scroll-behavior:smooth;overscroll-behavior-x:contain;gap:8px;margin:0;padding:2px 2px 6px;display:flex;overflow-x:auto}.tabs-wrap>.tabs{cursor:grab}.tabs-wrap.dragging>.tabs{cursor:grabbing;scroll-behavior:auto;user-select:none}.tabs::-webkit-scrollbar{display:none}.tabs-wrap:before,.tabs-wrap:after{content:"";pointer-events:none;opacity:0;z-index:1;width:56px;transition:opacity .2s;position:absolute;top:0;bottom:6px}.tabs-wrap:before{background:linear-gradient(90deg, var(--c-bg) 25%, transparent);left:0}.tabs-wrap:after{background:linear-gradient(270deg, var(--c-bg) 25%, transparent);right:0}.tabs-wrap.can-prev:before,.tabs-wrap.can-next:after{opacity:1}.tabs-nav{z-index:2;border:1px solid var(--c-line);background:var(--c-card);width:32px;height:32px;color:var(--c-navy);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:none;position:absolute;top:0;box-shadow:0 2px 8px #0a1f441f}.tabs-nav:hover{color:var(--c-primary);border-color:var(--c-primary)}.tabs-nav.prev{left:0}.tabs-nav.next{right:0}.tabs-wrap.can-prev>.tabs-nav.prev,.tabs-wrap.can-next>.tabs-nav.next{display:grid}@media (hover:none),(width<=640px){.tabs-nav{display:none!important}.tabs-wrap>.tabs{cursor:auto}}.tab{border:1px solid var(--c-line);background:var(--c-card);color:var(--c-ink);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:6px 16px;font-size:14px;line-height:1.5;transition:border-color .15s,color .15s,background .15s}.tab:hover{border-color:var(--c-primary);color:var(--c-primary-d)}.tab:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.tab[aria-selected=true]{background:var(--c-primary);border-color:var(--c-primary);color:#fff;font-weight:600}.news-error.empty{grid-column:1/-1;padding:28px 0}.picks-section{padding-top:0}.skeleton.short,.card.pick{min-height:128px}.pick-top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.pick-top h3{overflow-wrap:anywhere;flex:1;min-width:0}.stars{color:var(--c-primary-d);flex:none;font-size:13px;font-weight:600}.chip{color:var(--c-primary-d);background:#eaf2fe;border-radius:999px;align-self:flex-start;margin-top:auto;padding:1px 10px;font-size:12px}.tile-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.tile{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--radius);align-items:center;gap:12px;min-width:0;padding:14px 16px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}a.tile:hover{border-color:#c9d8ee;transform:translateY(-3px);box-shadow:0 10px 24px #0a1f441f}.tile.skeleton{min-height:70px}.ico{background:#eef3fa;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.ico img{object-fit:contain;width:100%;height:100%}.ico b{color:var(--c-primary-d);font-size:18px}.tile-body{flex-direction:column;min-width:0;display:flex}.tile-body strong{white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.tile-body small{color:var(--c-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.site-footer{background:var(--c-navy);color:#aebcd6;padding-block:28px calc(28px + env(safe-area-inset-bottom));font-size:14px}.foot{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.foot p{margin:0}.links{gap:18px;display:flex}.links a:hover{color:#fff}@media (width<=1024px){.nav a{padding:0 18px}.news-grid,.tile-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){:root{--header-h:56px}.menu-btn{display:block}.brand img{width:150px}.nav{background:#fff;flex-direction:column;gap:0;max-height:0;transition:max-height .3s;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 14px 24px #0a1f441f}.open .nav{border-bottom:1px solid var(--c-line);max-height:320px}.nav a{border-top:1px solid var(--c-line);flex-direction:row;justify-content:flex-start;align-items:baseline;gap:10px;padding:16px 20px}.nav a:after{display:none}.nav a.active{background:#eef4ff}.hero{height:clamp(340px,98vw,440px)}.news-grid{grid-template-columns:1fr}.tile-grid{grid-template-columns:1fr;gap:10px}.section{padding-block:32px 44px}.section-head h2{font-size:22px}}@media (width>=1600px){.container{max-width:1400px}.hero{height:620px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.notfound{text-align:center;padding-block:96px 120px}.notfound .code{background:linear-gradient(90deg, var(--c-primary), var(--c-cyan));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:80px;font-weight:800;line-height:1}.notfound h1{color:var(--c-navy);margin:12px 0 8px;font-size:28px}.notfound p{color:var(--c-muted)}.notfound .btn{background:var(--c-navy);color:#fff;margin-top:20px}.page{max-width:820px;padding-block:56px 88px}.page-head{border-bottom:3px solid #0000;border-image:linear-gradient(90deg, var(--c-primary), var(--c-cyan)) 1;margin-bottom:28px;padding-bottom:18px}.page-head h1{color:var(--c-navy);margin:0 0 8px;font-size:clamp(26px,4vw,36px);line-height:1.25}.page-head .lead{color:var(--c-muted);margin:0;font-size:17px}.prose{color:var(--c-ink);font-size:17px;line-height:1.9}.prose p{margin:0 0 1.1em}.prose h2{color:var(--c-navy);margin:1.8em 0 .6em;font-size:22px}.prose ul{margin:0 0 1.1em;padding-left:1.4em}.prose li{margin:.3em 0}.prose a{color:var(--c-primary-d);text-underline-offset:3px;text-decoration:underline}.prose a:hover{color:var(--c-primary)}@media (width<=720px){.page{padding-block:32px 56px}.prose{font-size:16px}}.src-switch{margin:-6px 0 14px;padding-bottom:0}.nav .has-sub{align-items:stretch;display:flex;position:relative}.nav .has-sub>a span:after{content:"";vertical-align:middle;opacity:.55;border:4px solid #0000;border-top-color:currentColor;border-bottom-width:0;margin-left:6px;display:inline-block}.nav .sub{z-index:60;border:1px solid var(--c-line);opacity:0;visibility:hidden;background:#fff;border-radius:12px;min-width:176px;margin:0;padding:6px;list-style:none;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:100%;left:50%;transform:translate(-50%,6px);box-shadow:0 14px 28px #0a1f4424}.nav .has-sub:hover .sub,.nav .has-sub:focus-within .sub,.nav .has-sub.sub-open .sub{opacity:1;visibility:visible;transform:translate(-50%)}.nav .sub a{white-space:nowrap;border-radius:8px;flex-direction:row;justify-content:flex-start;padding:10px 14px;font-size:15px;font-weight:600}.nav .sub a:after{display:none}.nav .sub a:hover{background:#eef4ff}@media (width<=720px){.open .nav{max-height:calc(100dvh - 72px);overflow-y:auto}.nav .has-sub{flex-direction:column}.nav .has-sub>a span:after{display:none}.nav .sub{min-width:0;box-shadow:none;opacity:1;visibility:visible;border:0;border-radius:0;padding:0;position:static;transform:none}.nav .sub a{border-top:1px solid var(--c-line);color:var(--c-muted);border-radius:0;padding:12px 20px 12px 40px;font-size:14px;font-weight:500}}.nav{order:2;margin-left:auto}.lang-menu{order:3;margin-left:12px;position:relative}.lang-current{border:1px solid var(--c-line);font:inherit;color:var(--c-navy);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.lang-current:hover,.lang-menu.is-open .lang-current{border-color:var(--c-primary);color:var(--c-primary)}.lang-caret{opacity:.55;border:4px solid #0000;border-top-color:currentColor;border-bottom-width:0}.lang-list{z-index:60;border:1px solid var(--c-line);opacity:0;visibility:hidden;background:#fff;border-radius:12px;min-width:140px;margin:0;padding:6px;list-style:none;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:100%;right:0;transform:translateY(6px);box-shadow:0 14px 28px #0a1f4424}.lang-menu:hover .lang-list,.lang-menu:focus-within .lang-list,.lang-menu.is-open .lang-list{opacity:1;visibility:visible;transform:none}.lang-list a{white-space:nowrap;color:var(--c-navy);border-radius:8px;padding:8px 12px;font-size:14.5px;font-weight:600;display:block}.lang-list a:hover{color:var(--c-primary);background:#eef4ff}.lang-list a.active{color:var(--c-primary)}@media (width<=720px){.nav{order:0;margin-left:0}.lang-menu{order:0;margin-left:auto;margin-right:4px}}@media (width>=721px) and (width<=900px){.brand img{width:150px}.nav{gap:0}.nav a{padding:0 9px}.nav a span{font-size:14px}.lang-menu{margin-left:6px}}
