:root{color-scheme:dark;font:15px/1.8 "Segoe UI",Arial,sans-serif;color:#e7eef9;background:#0c1523}*{box-sizing:border-box}body{max-width:760px;margin:40px auto;padding:24px}h1{font-size:29px;line-height:1.3}a{color:#a2d4ff}main{padding:28px;border:1px solid #43546c;border-radius:14px;background:#17263b}header p,.note{color:#9eafc7}.links{display:grid;gap:12px}.links a{display:flex;gap:15px;align-items:center;padding:15px;border:1px solid #425675;border-radius:10px;text-decoration:none;background:#20344d}.links svg{width:24px;height:24px;flex-shrink:0}.links small{display:block;color:#a9bad1}.schedule{padding:15px 20px;background:#0e1b2d;border-radius:9px}.schedule time{color:#edcd93}table{border-collapse:collapse;width:100%;margin:20px 0}th,td{text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid #3a4c65}th{color:#dcb578}td{white-space:pre-line}footer{margin-top:24px;font-size:13px}[data-note]{white-space:pre-line}[data-roadmap] [data-title]{color:#f5d28e;text-shadow:0 2px 18px #d49c5145}[data-roadmap] [data-description]{color:#f7ead5;font-weight:650;line-height:1.6;padding:11px 15px;border:1px solid #685a42;border-left:3px solid #e6bb70;border-radius:8px;background:#263a51;margin:10px 0}@media(max-width:600px){body{padding:16px;margin:10px auto}main{padding:18px}h1{font-size:23px}}

body{max-width:none;margin:0;padding:24px;background:#142237}main{padding:12px 0;border:0;background:none}h1{margin:10px 0 14px}.links a{min-height:66px;padding:11px 14px}.links small{font-size:11px}.links a[data-demo=true] small::after{content:' · Link mẫu';color:#d9ba83}footer{margin-top:16px}@media(max-width:600px){body{margin:0;padding:24px 21px}main{padding:8px 0}}
.links a{position:relative;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
@media(hover:hover){.links a:hover{transform:translateY(-4px);background:#29445f;border-color:#80c9ee;box-shadow:0 10px 22px #020a1859,0 0 16px #43b6ed21}}
.links a:focus-visible{outline:2px solid #8ed7f2;outline-offset:3px;background:#29445f;border-color:#80c9ee;box-shadow:0 8px 20px #020a184d}
.links a:active{transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce){.links a{transition:none}.links a:hover,.links a:active{transform:none}}

.tool-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #4e7899;border-radius:8px;background:#183048;color:#85d6ff;font-size:11px;font-weight:700}.links a[aria-disabled=true]{cursor:default;color:#c0cddd}.links a[aria-disabled=true] small{color:#d9ba83}.links a[aria-disabled=true]:hover{transform:none;box-shadow:none;background:#20344d;border-color:#425675}