:root{color-scheme:dark;--bg:#090b13;--muted:#a3a6ba;--line:#ffffff12;--violet:#bc98ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f5f4ff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:15px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #dac8ff;outline-offset:5px}.wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}.backdrop{position:absolute;inset:0 0 auto;height:940px;z-index:-1;background-image:linear-gradient(180deg,#090b1366 0%,#090b13b8 35%,#090b13 96%),var(--background);background-size:cover;background-position:center top;pointer-events:none}.backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 20%,#5a33982b,transparent 65%)}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand-mark,.footer-brand{font-size:40px;font-weight:950;font-style:italic;letter-spacing:-3px;line-height:1}.brand-mark span,.footer-brand span{color:#bd9aff}.brand-mark{position:relative;display:block}.brand-mark i{display:block;width:28px;height:3px;position:absolute;right:0;bottom:-8px;background:#bd9aff;transform:skewX(-28deg)}.custom-logo{max-width:170px;max-height:64px;object-fit:contain}.header-note{font-size:10px;letter-spacing:2.5px;color:#c2bfd3;font-weight:700;display:flex;gap:10px;align-items:center}.header-note span{width:6px;height:6px;border-radius:50%;background:#b59af6;box-shadow:0 0 12px #b59af6}.notice{display:flex;align-items:center;gap:17px;padding:20px 24px;margin-top:32px;background:linear-gradient(110deg,#262039e8,#151421eb);border:1px solid #9e78d943;border-radius:14px;box-shadow:0 12px 45px #0002;backdrop-filter:blur(12px)}.notice-icon{flex-shrink:0;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:#a77af418;color:#c29aff;border:1px solid #bb94ff25}.notice-icon svg{width:25px;height:25px}.notice h2{font-size:11px;letter-spacing:1.7px;margin:0 0 3px;color:#d6bfff}.notice p{font-size:13px;color:#cbc7db;margin:0;max-width:870px}.notice-spark{margin-left:auto;color:#9777c6;font-size:25px}.platforms{padding-top:45px}.section-heading{text-align:center;margin-bottom:32px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:10px;color:#c3a5ff!important;font-size:10px!important;font-weight:700;letter-spacing:3px!important;margin:0 0 12px!important}.eyebrow span{width:17px;height:1px;background:#c3a5ff}h1{font-size:clamp(30px,4vw,43px);line-height:1.2;letter-spacing:-1.4px;margin:0 0 10px;font-weight:800}.section-heading>p:last-child{color:var(--muted);font-size:14px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{--accent:#8ce4b4;--glow:#4bce871f;--button-top:#b0f4c8;--button-bottom:#49b77d;--button-shadow:#237145;position:relative;min-width:0;border:1px solid #ffffff12;background:linear-gradient(160deg,#1a1e2b,#11151f 72%);border-radius:19px;padding:10px;box-shadow:0 16px 40px #0003;transition:transform .25s,border-color .25s;overflow:hidden}.card.purple{--accent:#c3a5ff;--glow:#a772ff25;--button-top:#d1b9ff;--button-bottom:#9867e5;--button-shadow:#57309a}.card.blue{--accent:#83c9ff;--glow:#4aabff25;--button-top:#a6ddff;--button-bottom:#549ee0;--button-shadow:#285b91}.card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.card-art{height:194px;position:relative;border-radius:12px;background:radial-gradient(ellipse at 50% 70%,var(--glow),transparent 75%),#0d111b;overflow:hidden}.card-art:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 40px #0004;pointer-events:none}.card-art img{width:100%;height:100%;object-fit:contain;display:block}.art-index{position:absolute;top:12px;left:13px;font-size:10px;color:#ffffff60;letter-spacing:2px;z-index:1}.art-platform{position:absolute;right:12px;top:12px;color:var(--accent);background:#10131dcc;border:1px solid #ffffff12;border-radius:5px;padding:2px 7px;font-size:9px;letter-spacing:1px;z-index:1}.card-body{padding:23px 16px 20px}.card-label{font-size:9px;letter-spacing:1.8px;color:var(--muted);margin:0 0 4px;font-weight:700}.card-title{font-size:29px;letter-spacing:-.8px;line-height:1.2;margin:0 0 13px;display:flex;align-items:center;gap:10px}.platform-icon{display:flex;color:var(--accent)}.platform-icon svg{width:24px;height:24px}.card-description{font-size:13px;line-height:1.8;color:#aeb2c5;margin:0 0 19px;min-height:70px}.tags{display:flex;gap:7px;margin-bottom:25px}.tags span{border:1px solid #ffffff0e;background:#ffffff03;border-radius:5px;font-size:10px;padding:3px 8px;color:#c7cad8}.cta{width:100%;min-height:49px;display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border:1px solid #ffffff50;border-radius:9px;background:linear-gradient(180deg,var(--button-top),var(--button-bottom));color:#101825;font-size:12px;font-weight:800;box-shadow:0 5px 0 var(--button-shadow),0 9px 24px var(--glow),inset 0 1px 0 #ffffff6b;transition:transform .15s,box-shadow .15s}.cta:hover{filter:brightness(1.08);box-shadow:0 5px 0 var(--button-shadow),0 8px 30px var(--glow),0 0 20px var(--glow)}.cta:active{transform:translateY(4px);box-shadow:0 1px 0 var(--button-shadow)}.cta span:last-child{font-size:20px;line-height:1}.bottom-note{display:flex;gap:9px;justify-content:center;color:#858a9d;font-size:11px;margin:30px 0 36px}.bottom-note>span{color:#b59af6}.footer{padding:27px 0 23px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-size:24px;letter-spacing:-1.6px}.footer p{font-size:9px;letter-spacing:1.8px;color:#777d91;margin:8px 0 0}.reseller{border:1px solid #ffffff21;color:#c6c8d7;background:#ffffff04;border-radius:7px;padding:9px 14px;font-size:11px;display:flex;gap:18px;align-items:center;transition:background .2s}.reseller:hover{background:#a67af41c;border-color:#9f79d9}.footer .copyright{flex-basis:100%;font-size:10px;letter-spacing:.3px;margin:0;color:#666d83}dialog{border:1px solid #a77af44a;border-radius:18px;background:#151826;color:#f5f4ff;padding:32px;max-width:420px;width:calc(100% - 36px);box-shadow:0 30px 100px #0008}dialog::backdrop{background:#05070dcc;backdrop-filter:blur(6px)}dialog h2{font-size:20px;margin:18px 0 8px}dialog p{color:#b4b8cd;font-size:14px}.close{position:absolute;right:13px;top:8px;border:0;background:none;color:#aeb4c9;font-size:28px}.dialog-icon{font-size:25px;color:#c3a5ff}.dialog-ok{background:#b99aef;color:#181226;border:0;border-radius:7px;padding:10px 21px;font-weight:700;margin-top:10px}[hidden]{display:none!important}@media(min-width:1400px){.header{height:124px}.notice{margin-top:38px}.platforms{padding-top:52px}.card-art{height:210px}}@media(max-width:760px){.wrap{width:min(460px,calc(100% - 32px))}.header{height:88px}.brand-mark{font-size:34px}.header-note{font-size:8px;letter-spacing:1.4px;gap:7px}.notice{margin-top:23px;padding:17px 15px;gap:12px;align-items:flex-start}.notice-icon{width:35px;height:35px;border-radius:9px}.notice-icon svg{width:21px}.notice h2{font-size:9px;letter-spacing:1.1px;margin-bottom:5px}.notice p{font-size:12px;line-height:1.8}.notice-spark{display:none}.platforms{padding-top:34px}.section-heading{margin-bottom:25px}.eyebrow{font-size:8px!important;letter-spacing:2.4px!important}h1{font-size:31px}.section-heading>p:last-child{font-size:12px}.cards{grid-template-columns:1fr;gap:22px}.card-art{height:210px}.card-body{padding:21px 16px 22px}.card-title{font-size:28px}.card-description{min-height:0;font-size:13px}.tags{margin-bottom:22px}.cta{min-height:51px;font-size:13px}.bottom-note{font-size:10px;text-align:center;margin:25px 0 28px}.footer{gap:18px}.footer p{font-size:8px}.reseller{font-size:10px;padding:9px 11px;gap:10px}.backdrop{height:900px;background-position:64% top}.footer .copyright{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.notice p {
  white-space: pre-line;
  overflow-wrap: anywhere;
}
/* Ẩn ô biểu tượng loa bên trái */
.notice-icon {
  display: none !important;
}

/* Khung thông báo gọn hơn nội dung chính */
.notice {
  width: 90%;
  max-width: 860px;
  margin: 26px auto 0;
  padding: 18px 22px;
  border-radius: 12px;
  gap: 0;
}

.notice > div {
  flex: 1;
  min-width: 0;
}

.notice p {
  max-width: none;
  white-space: pre-line;
  overflow-wrap: anywhere;
}

/* Điện thoại */
@media (max-width: 760px) {
  .notice {
    width: 94%;
    margin-top: 20px;
    padding: 14px 16px;
    border-radius: 10px;
  }
}