:root{--blog-card:#111827;--blog-border:rgba(255,255,255,.09);--blog-muted:#a8b2c5;--blog-accent:#7c5cff;--blog-blue:#2bb8ff}.blog-site-header{background:rgba(4,8,15,.75);backdrop-filter:blur(16px)}.blog-login-circle{width:45px;height:45px;border-radius: 50%}.blog-hero{position:relative;padding:190px 0 80px;background:radial-gradient(circle at 70% 20%,rgba(84,69,255,.28),transparent 33%),radial-gradient(circle at 20% 50%,rgba(34,182,255,.16),transparent 35%),#070b13;overflow:hidden}.blog-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent)}.blog-hero .container{position:relative;z-index:1}.blog-hero h1{font-size:clamp(38px,6vw,72px);line-height:1.08;max-width:880px}.blog-hero p{max-width:720px;color:#b7c2d6;font-size:18px}.blog-search{display:flex;max-width:650px;margin-top:28px;background:rgba(255,255,255,.06);border:1px solid var(--blog-border);padding:7px;border-radius: 8px}.blog-search input{flex:1;background:transparent;border:0;color:#fff;padding:12px 14px;outline:0}.blog-search button,.blog-footer-search button{border:0;border-radius: 8px;background:linear-gradient(135deg,var(--blog-accent),var(--blog-blue));color:#fff;padding:0 20px}.blog-section{padding:80px 0;background:#080d16}.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:36px}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.blog-card{height:100%;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--blog-border);border-radius: 8px;overflow:hidden;transition:.25s ease}.blog-card:hover{transform:translateY(-5px);border-color:rgba(124,92,255,.55);box-shadow:0 20px 50px rgba(0,0,0,.28)}.blog-card-image{aspect-ratio:16/9;background:#0d1422;display:block;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:.4s ease}.blog-card:hover .blog-card-image img{transform:scale(1.04)}.blog-card-placeholder{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(circle at top right,rgba(124,92,255,.4),transparent 45%),#111827;color:#8ea0bb;font-size:42px}.blog-card-body{padding:24px}.blog-category{display:inline-flex;align-items:center;border-radius: 8px;padding:7px 11px;background:rgba(124,92,255,.14);color:#b8abff;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.blog-card h2{font-size:23px;line-height:1.35;margin:14px 0 10px}.blog-card h2 a{color:#fff}.blog-card p{color:var(--blog-muted);margin-bottom:18px}.blog-meta{display:flex;gap:14px;flex-wrap:wrap;color:#8794aa;font-size:13px}.blog-meta i{margin-right:5px}.blog-sidebar-card{background:rgba(255,255,255,.035);border:1px solid var(--blog-border);border-radius: 8px;padding:24px;margin-bottom:24px}.blog-sidebar-card h3{font-size:20px;margin-bottom:18px}.blog-category-list{list-style:none;padding:0;margin:0}.blog-category-list li+li{border-top:1px solid rgba(255,255,255,.07)}.blog-category-list a{display:flex;justify-content:space-between;padding:12px 0;color:#c8d1df}.blog-category-list a:hover{color:#fff}.blog-category-list span{background:rgba(255,255,255,.07);border-radius: 8px;padding:2px 8px;font-size:12px}.blog-recent{display:flex;gap:12px}.blog-recent+.blog-recent{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}.blog-recent img,.blog-recent-placeholder{width:72px;height:58px;border-radius: 8px;object-fit:cover;flex:none;background:#121b2a}.blog-recent-placeholder{display:grid;place-items:center;color:#687891}.blog-recent h4{font-size:14px;line-height:1.45;margin:0}.blog-recent small{color:#7f8ca0}.blog-empty{grid-column:1/-1;border:1px dashed rgba(255,255,255,.16);border-radius: 8px;padding:50px;text-align:center;color:#9ba8bb}.blog-pagination{margin-top:40px}.blog-pagination ul{display:flex;gap:8px;list-style:none;padding:0}.blog-pagination a{display:grid;place-items:center;min-width:42px;height:42px;border-radius: 8px;background:rgba(255,255,255,.05);border:1px solid var(--blog-border);color:#fff}.blog-pagination .active a,.blog-pagination a:hover{background:linear-gradient(135deg,var(--blog-accent),var(--blog-blue));border-color:transparent}.article-hero{padding:180px 0 60px;background:radial-gradient(circle at 50% 0,rgba(124,92,255,.27),transparent 42%),#070b13}.article-wrap{padding:70px 0;background:#080d16}.article-container{max-width:920px;margin:0 auto}.article-title{font-size:clamp(38px,5vw,66px);line-height:1.12;margin:18px 0}.article-cover{width:100%;max-height:540px;object-fit:cover;border-radius: 8px;margin-bottom:38px;border:1px solid var(--blog-border)}.article-content{font-size:18px;line-height:1.85;color:#d6deea}.article-content h2,.article-content h3,.article-content h4{scroll-margin-top:110px;margin-top:42px;color:#fff}.article-content h2{font-size:34px}.article-content h3{font-size:28px}.article-content p{margin-bottom:22px}.article-content a{color:#68c9ff;text-decoration:underline}.article-content img{max-width:100%;height:auto;border-radius: 8px;margin:20px 0}.article-content blockquote{border-left:4px solid var(--blog-accent);background:rgba(124,92,255,.08);padding:20px 24px;border-radius: 8px}.article-content pre{background:#05080e;border:1px solid var(--blog-border);padding:20px;border-radius: 8px;overflow:auto}.article-content table{width:100%;border-collapse:collapse;margin:26px 0}.article-content th,.article-content td{border:1px solid rgba(255,255,255,.12);padding:12px}.article-content th{background:rgba(255,255,255,.06)}.article-share{display:flex;align-items:center;gap:10px;padding:26px 0;border-top:1px solid var(--blog-border);border-bottom:1px solid var(--blog-border);margin-top:44px}.article-share a{width:42px;height:42px;border-radius: 50%;display:grid;place-items:center;background:rgba(255,255,255,.06);color:#fff}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}.blog-footer-search{display:flex;position:relative}.blog-footer-search input{padding-right:58px}.blog-footer-search button{position:absolute;right:4px;top:4px;bottom:4px;padding:0 16px}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;color:#97a5ba;font-size:14px}.breadcrumbs a{color:#cdd6e5}.breadcrumbs span{opacity:.55}.search-summary{margin-bottom:26px;color:#a9b4c6}@media(max-width:991px){.blog-layout{grid-template-columns:1fr}.blog-sidebar{order:2}.blog-hero,.article-hero{padding-top:150px}.related-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.blog-grid,.related-grid{grid-template-columns:1fr}.blog-hero{padding-bottom:55px}.blog-section,.article-wrap{padding:55px 0}.blog-card-body{padding:20px}.article-content{font-size:17px}.article-title{font-size:38px}.blog-empty{padding:32px 18px}}

 
.top-notice a{color:inherit;text-decoration:none;display:block}.promotion-hero,.news-hero{position:relative;padding:190px 0 82px;background:radial-gradient(circle at 74% 18%,rgba(124,92,255,.3),transparent 34%),radial-gradient(circle at 16% 72%,rgba(41,184,255,.16),transparent 38%),#070b13;overflow:hidden}.promotion-hero:after,.news-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent);pointer-events:none}.promotion-hero .container,.news-hero .container{position:relative;z-index:1}.promotion-hero h1,.news-hero h1{font-size:clamp(42px,6vw,74px);line-height:1.05;margin-bottom:18px}.promotion-hero p,.news-hero p{max-width:760px;color:#b7c2d6;font-size:18px}.promotion-summary{display:flex;gap:13px;flex-wrap:wrap;margin-top:28px}.promotion-summary span{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.055);border:1px solid var(--blog-border);border-radius: 8px;padding:9px 14px;color:#c7d1e1}.promotion-summary strong{color:#fff}.promotion-section{padding:72px 0;background:#080d16}.promotion-tabs,.news-filter-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:48px}.promotion-tabs a,.news-filter-tabs a{display:flex;align-items:center;gap:9px;padding:12px 16px;border-radius: 8px;background:rgba(255,255,255,.045);border:1px solid var(--blog-border);color:#cbd5e4}.promotion-tabs a:hover,.news-filter-tabs a:hover,.news-filter-tabs a.active{background:linear-gradient(135deg,rgba(124,92,255,.95),rgba(41,184,255,.9));border-color:transparent;color:#fff}.promotion-tabs span,.news-filter-tabs span{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius: 8px;background:rgba(255,255,255,.11);font-size:12px}.promotion-group{scroll-margin-top:120px;margin-bottom:78px}.promotion-group:last-child{margin-bottom:0}.promotion-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:25px}.promotion-heading h2{font-size:36px;margin:0}.promotion-heading p{color:#9eabc0;max-width:460px;margin:0;text-align:right}.promotion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.promotion-grid .blog-empty{grid-column:1/-1}.promotion-card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid var(--blog-border);border-radius: 8px;overflow:hidden;position:relative;transition:.25s ease}.promotion-card:hover{transform:translateY(-5px);border-color:rgba(124,92,255,.58);box-shadow:0 22px 55px rgba(0,0,0,.28)}.promotion-card-expired{filter:saturate(.58);opacity:.82}.promotion-card-cover{display:block;position:relative;aspect-ratio:16/9;background:radial-gradient(circle at top right,rgba(124,92,255,.43),transparent 46%),#111827;overflow:hidden}.promotion-card-cover img{width:100%;height:100%;object-fit:cover}.promotion-card-cover>span:not(.promotion-status){height:100%;display:grid;place-items:center;font-size:58px;color:#aa9eff}.promotion-status{display:inline-flex;align-items:center;border-radius: 8px;padding:7px 11px;font-size:12px;font-weight:900;letter-spacing:.03em}.promotion-card-cover .promotion-status{position:absolute;top:15px;left:15px}.promotion-status-active{background:#0f8f63;color:#fff}.promotion-status-upcoming{background:#286ed8;color:#fff}.promotion-status-expired{background:#4c5667;color:#fff}.promotion-card-body{padding:23px}.promotion-discount{font-size:26px;font-weight:900;background:linear-gradient(135deg,#b5a8ff,#5bd2ff);-webkit-background-clip:text;background-clip:text;color:transparent}.promotion-card h2{font-size:23px;line-height:1.35;margin:10px 0}.promotion-card h2 a{color:#fff}.promotion-card p{color:var(--blog-muted);min-height:72px}.promotion-code-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#090e17;border:1px dashed rgba(160,143,255,.55);padding:9px 10px;border-radius: 8px;margin:17px 0}.promotion-code-row code{color:#fff;font-size:16px;font-weight:900;letter-spacing:.08em}.promotion-code-row button,.promotion-detail-code button{border:0;border-radius: 8px;background:rgba(124,92,255,.18);color:#c9c0ff;padding:8px 10px;cursor:pointer;font-weight:800}.promotion-countdown{padding:11px 13px;border-radius: 8px;background:rgba(52,211,153,.09);border:1px solid rgba(52,211,153,.18);color:#8aefc8;font-weight:800;text-align:center;margin:15px 0}.promotion-countdown[data-state="upcoming"]{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.22);color:#92c4ff}.promotion-countdown[data-state="expired"]{background:rgba(148,163,184,.08);border-color:rgba(148,163,184,.17);color:#a9b4c3}.promotion-dates{display:grid;gap:7px;color:#8997ac;font-size:13px;margin-bottom:18px}.promotion-dates i{width:20px;color:#8c7aff}.promotion-action{width:100%;justify-content:center}.promotion-action.is-disabled{pointer-events:none;opacity:.55;filter:grayscale(1)}.promotion-detail-hero{padding:180px 0 72px;background:radial-gradient(circle at 72% 22%,rgba(124,92,255,.32),transparent 34%),#070b13}.promotion-detail-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:55px}.promotion-detail-hero h1{font-size:clamp(40px,5vw,68px);line-height:1.08;margin:14px 0 16px}.promotion-detail-hero p{font-size:18px;color:#b7c2d6;max-width:720px}.promotion-detail-discount{font-size:34px;font-weight:900;margin-top:18px;color:#72ceff}.promotion-detail-code{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:rgba(255,255,255,.05);border:1px dashed rgba(166,150,255,.5);border-radius: 8px;padding:14px 16px;margin:23px 0}.promotion-detail-code>span{color:#97a4b7}.promotion-detail-code code{font-size:22px;color:#fff;font-weight:900;letter-spacing:.08em}.promotion-countdown-large{font-size:18px;max-width:560px}.promotion-detail-dates{margin:18px 0 24px}.promotion-detail-visual{aspect-ratio:1/1;border-radius: 8px;overflow:hidden;background:radial-gradient(circle at top right,rgba(124,92,255,.48),transparent 45%),#111827;border:1px solid var(--blog-border);display:grid;place-items:center}.promotion-detail-visual img{width:100%;height:100%;object-fit:cover}.promotion-detail-visual span{font-size:110px;color:#ae9fff}.promotion-expiry-note{display:flex;gap:15px;margin-top:38px;padding:20px;border-radius: 8px;background:rgba(255,255,255,.04);border:1px solid var(--blog-border)}.promotion-expiry-note>i{font-size:22px;margin-top:2px}.promotion-expiry-note p{margin:5px 0 0;color:#aeb9ca}.promotion-expiry-note-active>i{color:#55d5aa}.promotion-expiry-note-upcoming>i{color:#73b1ff}.promotion-expiry-note-expired>i{color:#9da9ba}.news-section{padding-top:64px}.news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.news-grid .blog-empty{grid-column:1/-1}.news-card{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid var(--blog-border);border-radius: 8px;overflow:hidden;transition:.25s ease}.news-card:hover{transform:translateY(-5px);border-color:rgba(41,184,255,.48);box-shadow:0 20px 50px rgba(0,0,0,.26)}.news-card-image{display:block;aspect-ratio:16/9;position:relative;background:#111827;overflow:hidden}.news-card-image img{width:100%;height:100%;object-fit:cover;transition:.35s ease}.news-card:hover .news-card-image img{transform:scale(1.04)}.news-card-image>span:not(.news-type){height:100%;display:grid;place-items:center;font-size:52px;color:#6dcfff}.news-type{display:inline-flex;border-radius: 8px;padding:7px 11px;font-size:12px;font-weight:900}.news-card-image .news-type{position:absolute;left:15px;top:15px}.news-type-blog{background:rgba(124,92,255,.9);color:#fff}.news-type-news{background:rgba(20,139,204,.94);color:#fff}.news-type-event{background:rgba(225,112,35,.94);color:#fff}.news-card-body{padding:23px}.news-card h2{font-size:24px;line-height:1.35;margin:12px 0}.news-card h2 a{color:#fff}.news-card p{color:var(--blog-muted)}.news-read-more{display:inline-flex;align-items:center;gap:8px;color:#78d0ff;font-weight:800;margin-top:5px}.news-promo-link{text-align:center}.news-promo-link>i{font-size:42px;color:#a797ff;margin-bottom:15px}.article-labels{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.article-labels .blog-category{margin:0}.article-hero-news{background:radial-gradient(circle at 50% 0,rgba(41,184,255,.24),transparent 42%),#070b13}.article-hero-event{background:radial-gradient(circle at 50% 0,rgba(245,132,55,.22),transparent 42%),#070b13}@media(max-width:1100px){.promotion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.promotion-detail-grid{grid-template-columns:1fr}.promotion-detail-visual{max-width:620px;width:100%}}@media(max-width:991px){.promotion-hero,.news-hero{padding-top:155px}.promotion-heading{align-items:flex-start;flex-direction:column}.promotion-heading p{text-align:left}.news-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.promotion-grid,.news-grid{grid-template-columns:1fr}.promotion-section{padding:52px 0}.promotion-hero,.news-hero{padding-bottom:55px}.promotion-card p{min-height:0}.promotion-detail-hero{padding-top:150px}.promotion-detail-code{align-items:flex-start;flex-direction:column}.promotion-detail-visual{border-radius: 8px}.promotion-summary{gap:8px}.promotion-tabs,.news-filter-tabs{display:grid;grid-template-columns:1fr}.promotion-tabs a,.news-filter-tabs a{justify-content:space-between}}

 


.promotion-hero-modern{
    min-height:590px;
    display:flex;
    align-items:center;
    isolation:isolate;
    background:
        linear-gradient(120deg,rgba(5,10,19,.98),rgba(9,15,28,.93)),
        radial-gradient(circle at 78% 25%,rgba(29,156,255,.28),transparent 34%),
        radial-gradient(circle at 18% 72%,rgba(124,92,255,.28),transparent 38%),
        #070b13;
}
.promotion-hero-modern:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:54px 54px;
    mask-image:linear-gradient(to bottom,#000 30%,transparent 100%);
}
.promotion-hero-modern:after{
    z-index:-1;
}
.promotion-hero-content{max-width:920px}
.promotion-hero-modern h1{
    margin-bottom:20px;
    background:linear-gradient(110deg,#fff 15%,#cdd8ff 50%,#71d7ff 100%);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}
.promotion-hero-orb{
    position:absolute;
    z-index:-1;
    border-radius: 50%;
    filter:blur(4px);
    pointer-events:none;
    opacity:.8;
    animation:promoOrbFloat 9s ease-in-out infinite;
}
.promotion-hero-orb-one{
    width:310px;
    height:310px;
    right:7%;
    top:24%;
    border:1px solid rgba(78,191,255,.2);
    box-shadow:inset 0 0 70px rgba(37,159,255,.1),0 0 100px rgba(37,159,255,.08);
}
.promotion-hero-orb-two{
    width:170px;
    height:170px;
    right:24%;
    top:12%;
    border:1px solid rgba(145,113,255,.18);
    animation-delay:-3s;
}
@keyframes promoOrbFloat{
    0%,100%{transform:translate3d(0,0,0) rotate(0deg)}
    50%{transform:translate3d(0,-18px,0) rotate(8deg)}
}
.promo-modern-stats{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:30px;
}
.promo-modern-stats>div{
    display:flex;
    align-items:center;
    gap:10px;
    padding:11px 15px;
    border:1px solid rgba(255,255,255,.1);
    border-radius: 8px;
    background:rgba(255,255,255,.055);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter:blur(12px);
    color:#c9d3e3;
}
.promo-modern-stats i{color:#58c7ff}
.promo-modern-stats strong{color:#fff}
.promotion-modern-section{
    position:relative;
    padding:82px 0 96px;
    background:
        radial-gradient(circle at 50% 0,rgba(34,113,255,.08),transparent 28%),
        #080d16;
}
.promotion-modern-heading{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:35px;
    margin-bottom:34px;
}
.promotion-modern-heading h2{
    margin:0;
    font-size:clamp(30px,4vw,44px);
}
.promotion-modern-heading>p{
    max-width:560px;
    margin:0;
    text-align:right;
    color:#9eabc0;
}
.promo-modern-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:26px;
    align-items:stretch;
}
.promo-modern-grid>div{height:100%}
.promo-modern-card{
    --promo-state:#3bcf9c;
    position:relative;
    height:100%;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    isolation:isolate;
    border:1px solid rgba(255,255,255,.12);
    border-radius: 8px;
    background:linear-gradient(180deg,rgba(19,28,44,.98),rgba(10,16,27,.99));
    box-shadow:0 22px 55px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.05);
    transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease;
}
.promo-modern-card-upcoming{--promo-state:#4da3ff}
.promo-modern-card-expired{--promo-state:#8d98aa}
.promo-modern-card:hover{
    transform:translateY(-9px);
    border-color:color-mix(in srgb,var(--promo-state) 58%,transparent);
    box-shadow:0 32px 80px rgba(0,0,0,.4),0 0 0 1px color-mix(in srgb,var(--promo-state) 28%,transparent),inset 0 1px 0 rgba(255,255,255,.08);
}
.promo-modern-border{
    position:absolute;
    inset:-1px;
    z-index:-1;
    border-radius: inherit;
    pointer-events:none;
    background:conic-gradient(from 180deg at 50% 50%,transparent 0deg,transparent 245deg,color-mix(in srgb,var(--promo-state) 70%,transparent) 290deg,transparent 330deg);
    opacity:0;
    transition:opacity .35s ease;
    animation:promoBorderSpin 7s linear infinite;
}
.promo-modern-card:hover .promo-modern-border{opacity:.8}
@keyframes promoBorderSpin{to{transform:rotate(360deg)}}
.promo-modern-cover{
    position:relative;
    display:block;
    aspect-ratio:16/9;
    overflow:hidden;
    background:
        radial-gradient(circle at 80% 10%,rgba(48,172,255,.4),transparent 36%),
        radial-gradient(circle at 20% 85%,rgba(124,92,255,.42),transparent 38%),
        #0c1422;
}
.promo-modern-cover img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .35s ease;
}
.promo-modern-card:hover .promo-modern-cover img{transform:scale(1.065)}
.promo-modern-card-expired .promo-modern-cover img{filter:saturate(.48) brightness(.72)}
.promo-modern-cover-shade{
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(6,10,18,.72),transparent 55%);
    pointer-events:none;
}
.promo-modern-placeholder{
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
    align-content:center;
    gap:8px;
    color:#b8adff;
}
.promo-modern-placeholder i{
    font-size:66px;
    filter:drop-shadow(0 14px 35px rgba(105,80,255,.4));
    transition:transform .45s ease;
}
.promo-modern-card:hover .promo-modern-placeholder i{transform:translateY(-5px) rotate(-6deg) scale(1.06)}
.promo-modern-placeholder small{
    color:#dce7ff;
    font-size:12px;
    font-weight:900;
    letter-spacing:.28em;
}
.promo-modern-status{
    position:absolute;
    z-index:3;
    top:15px;
    right:15px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:8px 12px;
    border:1px solid rgba(255,255,255,.25);
    border-radius: 8px;
    color:#fff;
    font-size:13px;
    font-weight:900;
    line-height:1;
    box-shadow:0 12px 28px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.15);
    backdrop-filter:blur(12px);
}
.promo-modern-status-active{background:rgba(15,145,101,.88)}
.promo-modern-status-upcoming{background:rgba(31,108,213,.9)}
.promo-modern-status-expired{background:rgba(45,53,66,.9)}
.promo-modern-discount{
    position:absolute;
    z-index:3;
    left:15px;
    bottom:14px;
    max-width:calc(100% - 30px);
    padding:7px 11px;
    border:1px solid rgba(255,255,255,.18);
    border-radius: 8px;
    background:rgba(8,13,23,.76);
    backdrop-filter:blur(10px);
    color:#fff;
    font-size:14px;
    font-weight:900;
    box-shadow:0 10px 25px rgba(0,0,0,.3);
}
.promo-modern-body{
    flex:1;
    display:flex;
    flex-direction:column;
    padding:24px;
}
.promo-modern-card h2{
    margin:0 0 12px;
    font-size:23px;
    line-height:1.4;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.promo-modern-card h2 a{
    color:#fff;
    transition:color .25s ease;
}
.promo-modern-card:hover h2 a{color:#76d5ff}
.promo-modern-description{
    min-height:52px;
    margin:0 0 17px;
    color:#a8b4c7;
    line-height:1.7;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.promo-modern-code{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:17px;
    padding:11px 12px;
    border:1px dashed color-mix(in srgb,var(--promo-state) 50%,rgba(255,255,255,.1));
    border-radius: 8px;
    background:rgba(4,9,17,.58);
}
.promo-modern-code>div{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
}
.promo-modern-code>div>span{
    color:#77869c;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.promo-modern-code code{
    overflow:hidden;
    color:#fff;
    font-size:16px;
    font-weight:900;
    letter-spacing:.07em;
    text-overflow:ellipsis;
}
.promo-modern-code button{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:7px;
    border:1px solid rgba(255,255,255,.09);
    border-radius: 8px;
    padding:9px 10px;
    background:rgba(255,255,255,.065);
    color:#c9d5e6;
    cursor:pointer;
    font-size:12px;
    font-weight:800;
    transition:.2s ease;
}
.promo-modern-code button:hover,.promo-modern-code button.is-copied{
    border-color:color-mix(in srgb,var(--promo-state) 45%,transparent);
    background:color-mix(in srgb,var(--promo-state) 16%,transparent);
    color:#fff;
}
.promo-modern-timer{
    overflow:hidden;
    margin-top:auto;
    border:1px solid color-mix(in srgb,var(--promo-state) 48%,rgba(255,255,255,.08));
    border-radius: 8px;
    background:rgba(4,9,17,.62);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.promo-modern-timer-title{
    padding:8px 12px;
    border-bottom:1px solid rgba(255,255,255,.075);
    color:color-mix(in srgb,var(--promo-state) 72%,#fff);
    font-size:12px;
    font-weight:900;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.promo-modern-time-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
}
.promo-modern-time-item{
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-width:0;
    min-height:70px;
    padding:9px 5px;
}
.promo-modern-time-item:not(:last-child):after{
    content:"";
    position:absolute;
    right:0;
    top:16%;
    bottom:16%;
    width:1px;
    background:rgba(255,255,255,.1);
}
.promo-modern-time-item strong{
    color:#fff;
    font-size:19px;
    line-height:1;
    font-variant-numeric:tabular-nums;
}
.promo-modern-time-item span{
    margin-top:7px;
    color:#91a0b5;
    font-size:12px;
}
.promo-modern-card-expired .promo-modern-timer{
    border-color:rgba(142,153,171,.27);
}
.promo-modern-card-expired .promo-modern-timer-title{color:#a4afbf}
.promo-modern-card-expired .promo-modern-time-item strong{color:#b2bdcc}
.promo-modern-date-line{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap;
    margin:14px 0 17px;
    color:#7f8da2;
    font-size:12px;
    text-align:center;
}
.promo-modern-date-line i{color:#7790ad}
.promo-modern-button{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:54px;
    border:1px solid rgba(255,255,255,.16);
    border-radius: 8px;
    background:linear-gradient(100deg,#0878ff,#36c8f6);
    color:#fff;
    font-size:16px;
    font-weight:900;
    box-shadow:0 15px 35px rgba(10,125,255,.22),inset 0 1px 0 rgba(255,255,255,.22);
    transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;
}
.promo-modern-button:before{
    content:"";
    position:absolute;
    top:-70%;
    left:-35%;
    width:28%;
    height:240%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
    transform:rotate(22deg);
    transition:left .55s ease;
}
.promo-modern-button:hover{
    color:#fff;
    transform:translateY(-2px);
    box-shadow:0 20px 42px rgba(10,125,255,.34),inset 0 1px 0 rgba(255,255,255,.25);
    filter:saturate(1.08);
}
.promo-modern-button:hover:before{left:115%}
.promo-modern-button i{transition:transform .25s ease}
.promo-modern-button:hover i{transform:translate(3px,-3px)}
.promo-modern-card-expired .promo-modern-button{
    background:linear-gradient(100deg,#394558,#53627a);
    box-shadow:0 15px 35px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.12);
}
.promo-modern-empty{
    padding:70px 24px;
    border:1px dashed rgba(255,255,255,.14);
    border-radius: 8px;
    background:rgba(255,255,255,.025);
    text-align:center;
}
.promo-modern-empty i{
    margin-bottom:16px;
    color:#759cff;
    font-size:48px;
}
.promo-modern-empty h3{margin-bottom:8px}
.promo-modern-empty p{margin:0;color:#96a4b9}
@media(max-width:1199px){
    .promo-modern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:991px){
    .promotion-hero-modern{min-height:auto}
    .promotion-modern-heading{align-items:flex-start;flex-direction:column}
    .promotion-modern-heading>p{text-align:left}
    .promotion-hero-orb{display:none}
}
@media(max-width:700px){
    .promotion-modern-section{padding:58px 0 70px}
    .promo-modern-grid{grid-template-columns:1fr;gap:20px}
    .promo-modern-body{padding:20px}
    .promo-modern-card h2{font-size:21px}
    .promo-modern-stats{display:grid;grid-template-columns:1fr;width:100%}
    .promo-modern-stats>div{justify-content:center}
    .promo-modern-date-line{font-size:11px}
    .promo-modern-code button span{display:none}
}
@media(prefers-reduced-motion:reduce){
    .promotion-hero-orb,.promo-modern-border{animation:none!important}
    .promo-modern-card,.promo-modern-cover img,.promo-modern-button{transition:none!important}
}

 


.promotion-square-section{
    padding-top:74px;
}

.promo-square-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:28px;
    align-items:stretch;
}

.promo-square-grid-item{
    height:100%;
}

.promo-square-card{
    --promo-square-state:#36d399;
    position:relative;
    height:100%;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.13);
    border-radius: 8px;
    background:linear-gradient(180deg,#111a2a 0%,#0b111c 100%);
    box-shadow:
        0 22px 55px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,255,255,.055);
    transition:
        transform .32s cubic-bezier(.2,.8,.2,1),
        border-color .32s ease,
        box-shadow .32s ease;
}

.promo-square-card.promo-modern-card-upcoming{
    --promo-square-state:#4da3ff;
}

.promo-square-card.promo-modern-card-expired{
    --promo-square-state:#8490a3;
}

.promo-square-card:hover{
    transform:translateY(-8px);
    border-color:color-mix(in srgb,var(--promo-square-state) 60%,rgba(255,255,255,.12));
    box-shadow:
        0 32px 76px rgba(0,0,0,.45),
        0 0 0 1px color-mix(in srgb,var(--promo-square-state) 25%,transparent),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.promo-square-image{
    position:relative;
    display:block;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    background:
        radial-gradient(circle at 75% 20%,rgba(51,172,255,.38),transparent 38%),
        radial-gradient(circle at 18% 80%,rgba(124,92,255,.42),transparent 40%),
        #0d1523;
}

.promo-square-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .35s ease;
}

.promo-square-card:hover .promo-square-image img{
    transform:scale(1.055);
}

.promo-square-card.promo-modern-card-expired .promo-square-image img{
    filter:saturate(.46) brightness(.7);
}

.promo-square-image-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(to top,rgba(5,9,16,.7),transparent 52%);
    pointer-events:none;
}

.promo-square-placeholder{
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
    color:#aebcff;
}

.promo-square-placeholder i{
    font-size:64px;
    filter:drop-shadow(0 16px 30px rgba(93,89,255,.38));
    transition:transform .35s ease;
}

.promo-square-card:hover .promo-square-placeholder i{
    transform:translateY(-5px) rotate(-5deg) scale(1.05);
}

.promo-square-placeholder strong{
    color:#e7edff;
    font-size:13px;
    letter-spacing:.3em;
}

.promo-square-status{
    position:absolute;
    z-index:3;
    top:14px;
    right:14px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:8px 11px;
    border:1px solid rgba(255,255,255,.22);
    border-radius: 8px;
    color:#fff;
    font-size:12px;
    font-weight:900;
    line-height:1;
    box-shadow:0 10px 25px rgba(0,0,0,.28);
    backdrop-filter:blur(10px);
}

.promo-square-status.promo-modern-status-active{
    background:rgba(12,143,98,.9);
}

.promo-square-status.promo-modern-status-upcoming{
    background:rgba(25,105,211,.92);
}

.promo-square-status.promo-modern-status-expired{
    background:rgba(45,53,66,.92);
}

.promo-square-discount{
    position:absolute;
    z-index:3;
    left:14px;
    bottom:13px;
    max-width:calc(100% - 28px);
    padding:7px 11px;
    border:1px solid rgba(255,255,255,.2);
    border-radius: 8px;
    background:rgba(5,10,18,.78);
    color:#fff;
    font-size:13px;
    font-weight:900;
    box-shadow:0 10px 25px rgba(0,0,0,.28);
    backdrop-filter:blur(9px);
}

.promo-square-body{
    flex:1;
    display:flex;
    flex-direction:column;
    padding:22px;
}

.promo-square-title{
    min-height:60px;
    margin:0 0 13px;
    font-size:22px;
    line-height:1.38;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.promo-square-title a{
    color:#fff;
    transition:color .23s ease;
}

.promo-square-card:hover .promo-square-title a{
    color:#75d4ff;
}

.promo-square-date{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:7px;
    min-height:42px;
    margin-bottom:14px;
    padding:9px 10px;
    border:1px solid rgba(255,255,255,.075);
    border-radius: 8px;
    background:rgba(255,255,255,.03);
    color:#91a0b5;
    font-size:11px;
    text-align:center;
}

.promo-square-date i{
    color:color-mix(in srgb,var(--promo-square-state) 75%,#fff);
}

.promo-square-countdown{
    overflow:hidden;
    margin-top:auto;
    margin-bottom:16px;
    border:1px solid color-mix(in srgb,var(--promo-square-state) 46%,rgba(255,255,255,.08));
    border-radius: 8px;
    background:rgba(3,8,15,.62);
}

.promo-square-countdown-title{
    padding:8px 10px;
    border-bottom:1px solid rgba(255,255,255,.075);
    color:color-mix(in srgb,var(--promo-square-state) 74%,#fff);
    font-size:11px;
    font-weight:900;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:.065em;
}

.promo-square-time-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
}

.promo-square-time-grid>div{
    position:relative;
    min-width:0;
    min-height:65px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    padding:8px 4px;
}

.promo-square-time-grid>div:not(:last-child):after{
    content:"";
    position:absolute;
    top:18%;
    right:0;
    bottom:18%;
    width:1px;
    background:rgba(255,255,255,.1);
}

.promo-square-time-grid strong{
    color:#fff;
    font-size:19px;
    line-height:1;
    font-variant-numeric:tabular-nums;
}

.promo-square-time-grid span{
    margin-top:6px;
    color:#8e9bae;
    font-size:11px;
}

.promo-square-card.promo-modern-card-expired .promo-square-countdown{
    border-color:rgba(139,151,170,.25);
}

.promo-square-card.promo-modern-card-expired .promo-square-time-grid strong{
    color:#aab4c2;
}

.promo-square-button{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:52px;
    border:1px solid rgba(255,255,255,.16);
    border-radius: 8px;
    background:linear-gradient(100deg,#0878ff,#35c7f5);
    color:#fff;
    font-size:16px;
    font-weight:900;
    box-shadow:0 14px 30px rgba(8,120,255,.23);
    transition:transform .23s ease,box-shadow .23s ease,filter .23s ease;
}

.promo-square-button:before{
    content:"";
    position:absolute;
    top:-80%;
    left:-40%;
    width:30%;
    height:260%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent);
    transform:rotate(22deg);
    transition:left .55s ease;
}

.promo-square-button:hover{
    color:#fff;
    transform:translateY(-2px);
    filter:saturate(1.08);
    box-shadow:0 20px 42px rgba(8,120,255,.34);
}

.promo-square-button:hover:before{
    left:115%;
}

.promo-square-button i{
    transition:transform .23s ease;
}

.promo-square-button:hover i{
    transform:translate(3px,-3px);
}

.promo-square-card.promo-modern-card-expired .promo-square-button{
    background:linear-gradient(100deg,#3b4658,#59677c);
    box-shadow:0 14px 30px rgba(0,0,0,.22);
}

@media(max-width:1199px){
    .promo-square-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:700px){
    .promo-square-grid{
        grid-template-columns:1fr;
        gap:21px;
    }

    .promo-square-body{
        padding:19px;
    }

    .promo-square-title{
        min-height:auto;
        font-size:20px;
    }

    .promo-square-date{
        font-size:10px;
    }
}

@media(prefers-reduced-motion:reduce){
    .promo-square-card,
    .promo-square-image img,
    .promo-square-button,
    .promo-square-placeholder i{
        transition:none!important;
    }
}

.news-card-brand-icon{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(43,184,255,.12),transparent 34%),#111827}
.news-card-image .news-brand-icon{width:78px;height:78px;object-fit:contain;transform:none!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))}
.news-card:hover .news-card-image .news-brand-icon{transform:scale(1.04)!important}
.news-recent-icon{width:72px;height:58px;border-radius: 8px;display:grid;place-items:center;flex:none;background:#121b2a;overflow:hidden}
.news-recent-icon img{width:34px!important;height:34px!important;border-radius: 8px !important;object-fit:contain!important;background:transparent!important}
@media(max-width:700px){.news-card-image .news-brand-icon{width:66px;height:66px}.news-recent-icon{width:64px;height:54px}.news-recent-icon img{width:30px!important;height:30px!important}}

.blog-card-brand-icon{display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(43,184,255,.12),transparent 34%),#111827}.blog-card-image .blog-brand-icon{width:78px;height:78px;object-fit:contain;transform:none!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))}.blog-card:hover .blog-card-image .blog-brand-icon{transform:scale(1.04)!important}.blog-recent-brand-icon{width:72px;height:58px;border-radius: 8px;display:grid;place-items:center;flex:none;background:#121b2a;overflow:hidden}.blog-recent-brand-icon img{width:34px!important;height:34px!important;border-radius: 8px !important;object-fit:contain!important;background:transparent!important}@media(max-width:700px){.blog-card-image .blog-brand-icon{width:66px;height:66px}.blog-recent-brand-icon{width:64px;height:54px}.blog-recent-brand-icon img{width:30px!important;height:30px!important}}