@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";
.layout-module__cgl8AG__header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);z-index:100;background-color:#ffffffe6;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:1.2rem 2rem;display:flex;position:sticky;top:0}.layout-module__cgl8AG__logo{color:var(--primary);letter-spacing:-.5px;align-items:center;gap:.8rem;font-size:1.8rem;font-weight:800;display:flex}.layout-module__cgl8AG__nav{align-items:center;gap:1rem;display:flex}.layout-module__cgl8AG__navLink{color:var(--text-sub);border-radius:20px;padding:.6rem 1.2rem;font-weight:700;transition:all .2s}.layout-module__cgl8AG__navLink:hover{color:var(--primary);background-color:#54a0ff1a;transform:translateY(-1px)}.layout-module__cgl8AG__footer{text-align:center;background-color:var(--surface);color:var(--text-sub);border-top:none;margin-top:auto;padding:3rem 2rem;font-size:.9rem;position:relative}.layout-module__cgl8AG__footer:before{content:"";background:linear-gradient(90deg,transparent,var(--border),transparent);width:50%;height:1px;position:absolute;top:0;left:25%}@media (max-width:768px){.layout-module__cgl8AG__header{flex-direction:column;gap:1rem;padding:1rem}.layout-module__cgl8AG__nav{flex-wrap:wrap;justify-content:center;gap:.5rem;width:100%}.layout-module__cgl8AG__navLink{padding:.5rem .8rem;font-size:.9rem}.layout-module__cgl8AG__logo{font-size:1.5rem}}
:root{--primary:#54a0ff;--primary-dark:#2e86de;--secondary:#ff9f43;--accent:#ff6b6b;--color-math:#48dbfb;--color-vietnamese:#ffa502;--color-english:#a29bfe;--background:#f0f3f7;--surface:#fff;--text-main:#2f3542;--text-sub:#57606f;--border:#dfe4ea;--success:#1dd1a1;--error:#ff6b6b;--warning:#feca57;--radius-sm:12px;--radius-md:20px;--radius-lg:32px;--shadow-sm:0 4px 6px #0000000d;--shadow-md:0 8px 24px #54a0ff26;--shadow-lg:0 16px 40px #0000001a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 10% 20%,#54a0ff0d 0%,#0000 20%),radial-gradient(circle at 90% 80%,#ff9f430d 0%,#0000 20%);font-family:Nunito,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:.5px;font-family:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit;transition:transform .1s,box-shadow .2s}button:active{transform:scale(.96)}