:root{--paper:#FAF8F5;--paper-2:#F2EEE7;--raise:#FFFFFF;--ink:#191D23;--ink-2:#485162;--muted:#626D80;--line:#E6E0D6;--line-2:#F0ECE4;--am:#0A6E96;--am-2:#22A7C9;--am-soft:#E4F3F9;--am-ink:#08506E;--tu:#C4441F;--tu-2:#E8813F;--tu-soft:#FDEDE6;--tu-ink:#8A2E12;--cum:#3D7A1F;--cum-2:#77B53C;--cum-soft:#EDF6E3;--cum-ink:#2A5614;--cau:#6D4AA8;--cau-2:#9B7BD4;--cau-soft:#F1EBFB;--cau-ink:#4A2F7E;--gold:#B07D18;--gold-soft:#FDF4E0;--good:#2A6E50;--bad:#C4331F;--tu-deep:color-mix(in srgb,var(--tu-2) 66%,#000);--am-deep:color-mix(in srgb,var(--am-2) 66%,#000);--cum-deep:color-mix(in srgb,var(--cum-2) 66%,#000);--cau-deep:color-mix(in srgb,var(--cau-2) 66%,#000);--on-mau:#fff;--sh-1:0 1px 2px rgba(25,29,35,.05);--sh-2:0 2px 4px rgba(25,29,35,.05),0 10px 26px -14px rgba(25,29,35,.28);--sh-3:0 4px 8px rgba(25,29,35,.06),0 20px 46px -18px rgba(25,29,35,.34);--r-sm:10px;--r:14px;--r-lg:20px;--r-xl:28px;--f-disp:"Fraunces",Georgia,"Times New Roman",serif;--f-ui:"Be Vietnam Pro",-apple-system,"Segoe UI",Roboto,sans-serif;--f-ipa:"Noto Sans","Segoe UI",system-ui,sans-serif;--sp:1;--ease:cubic-bezier(.34,1.4,.5,1);--ease-out:cubic-bezier(.16,1,.3,1);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#12151A;--paper-2:#171B21;--raise:#1B2027;--ink:#ECEEF1;--ink-2:#B7BFCB;--muted:#8A94A3;--line:#2B323B;--line-2:#232932;--am:#4FC3E8;--am-2:#8AD9F2;--am-soft:#122A34;--am-ink:#A9E4F7;--tu:#F0865C;--tu-2:#F6A97F;--tu-soft:#33201A;--tu-ink:#FBC2A6;--cum:#8FD45C;--cum-2:#B4E68C;--cum-soft:#1A2A13;--cum-ink:#C6EDA6;--cau:#B79BE8;--cau-2:#CDBAF0;--cau-soft:#241C36;--cau-ink:#D9CCF5;--gold:#DFB35F;--gold-soft:#2A2314;--good:#79C79C;--bad:#F0836B;--tu-deep:var(--tu-2);--am-deep:var(--am-2);--cum-deep:var(--cum-2);--cau-deep:var(--cau-2);--on-mau:#14100D;--sh-1:0 1px 2px rgba(0,0,0,.4);--sh-2:0 2px 4px rgba(0,0,0,.4),0 10px 26px -14px rgba(0,0,0,.8);--sh-3:0 4px 8px rgba(0,0,0,.45),0 20px 46px -18px rgba(0,0,0,.9);color-scheme:dark}}:root[data-theme=dark]{--paper:#12151A;--paper-2:#171B21;--raise:#1B2027;--ink:#ECEEF1;--ink-2:#B7BFCB;--muted:#8A94A3;--line:#2B323B;--line-2:#232932;--am:#4FC3E8;--am-2:#8AD9F2;--am-soft:#122A34;--am-ink:#A9E4F7;--tu:#F0865C;--tu-2:#F6A97F;--tu-soft:#33201A;--tu-ink:#FBC2A6;--cum:#8FD45C;--cum-2:#B4E68C;--cum-soft:#1A2A13;--cum-ink:#C6EDA6;--cau:#B79BE8;--cau-2:#CDBAF0;--cau-soft:#241C36;--cau-ink:#D9CCF5;--gold:#DFB35F;--gold-soft:#2A2314;--good:#79C79C;--bad:#F0836B;--tu-deep:var(--tu-2);--am-deep:var(--am-2);--cum-deep:var(--cum-2);--cau-deep:var(--cau-2);--on-mau:#14100D;--sh-1:0 1px 2px rgba(0,0,0,.4);--sh-2:0 2px 4px rgba(0,0,0,.4),0 10px 26px -14px rgba(0,0,0,.8);--sh-3:0 4px 8px rgba(0,0,0,.45),0 20px 46px -18px rgba(0,0,0,.9);color-scheme:dark}[data-khu=am]{--mau:var(--am);--mau-2:var(--am-2);--mau-soft:var(--am-soft);--mau-ink:var(--am-ink);--mau-deep:var(--am-deep) }[data-khu=tu]{--mau:var(--tu);--mau-2:var(--tu-2);--mau-soft:var(--tu-soft);--mau-ink:var(--tu-ink);--mau-deep:var(--tu-deep) }[data-khu=cum]{--mau:var(--cum);--mau-2:var(--cum-2);--mau-soft:var(--cum-soft);--mau-ink:var(--cum-ink);--mau-deep:var(--cum-deep) }[data-khu=cau]{--mau:var(--cau);--mau-2:var(--cau-2);--mau-soft:var(--cau-soft);--mau-ink:var(--cau-ink);--mau-deep:var(--cau-deep) }:root[data-tuoi=nho]{--sp:1.16;--r:18px;--r-lg:24px;--r-sm:13px }:root[data-tuoi=vua]{--sp:1.07 }*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--f-ui);font-size:calc(16px * var(--sp));line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100dvh}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px}:root[data-theme=dark] body:after{opacity:.05}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) body:after{opacity:.05}}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mau,var(--tu));outline-offset:3px;border-radius:8px}h1,h2,h3{font-family:var(--f-disp);letter-spacing:-.02em;margin:0}.label{font-size:calc(.71rem * var(--sp));letter-spacing:.11em;text-transform:uppercase;font-weight:700;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(140deg,var(--mau,var(--tu)),var(--mau-deep,var(--tu-deep)));color:var(--on-mau);padding:14px 22px;border-radius:var(--r);font-weight:700;font-size:calc(.98rem * var(--sp));text-align:center;box-shadow:var(--sh-2);text-decoration:none;min-height:calc(48px * var(--sp));transition:transform .16s var(--ease),box-shadow .18s,filter .18s}.btn:hover{transform:translateY(-2px);box-shadow:var(--sh-3);filter:saturate(1.08)}.btn:active{transform:translateY(1px) scale(.985)}.btn.ghost{background:var(--raise);color:var(--ink-2);border:1.5px solid var(--line);box-shadow:var(--sh-1)}.btn.ghost:hover{background:var(--paper-2);color:var(--ink)}.mesh{position:fixed;top:0;left:50%;translate:-50% 0;width:min(100vw,1080px);aspect-ratio:1.05;z-index:-1;pointer-events:none;overflow:hidden;opacity:.55;-webkit-mask-image:radial-gradient(116% 94% at 50% 2%,#000 0,#000 38%,transparent 84%);mask-image:radial-gradient(116% 94% at 50% 2%,#000 0,#000 38%,transparent 84%)}.mesh i{position:absolute;display:block;border-radius:50%;will-change:transform;transition:background .55s var(--ease-out)}.mesh i:nth-child(1){left:-22%;top:-20%;width:92%;aspect-ratio:1.32;background:radial-gradient(closest-side,color-mix(in srgb,var(--mau,var(--tu)) 46%,transparent),transparent 74%);animation:mesh-a 38s ease-in-out infinite alternate}.mesh i:nth-child(2){right:-24%;top:-10%;width:86%;aspect-ratio:1.28;background:radial-gradient(closest-side,color-mix(in srgb,var(--mau-2,var(--am)) 40%,transparent),transparent 74%);animation:mesh-b 47s ease-in-out infinite alternate}.mesh i:nth-child(3){left:12%;top:18%;width:78%;aspect-ratio:1.36;background:radial-gradient(closest-side,color-mix(in srgb,var(--gold) 30%,transparent),transparent 72%);animation:mesh-c 56s ease-in-out infinite alternate}@keyframes mesh-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(7%,5%,0) scale(1.15)}}@keyframes mesh-b{0%{transform:translateZ(0) scale(1.07)}to{transform:translate3d(-8%,7%,0) scale(.93)}}@keyframes mesh-c{0%{transform:translateZ(0) scale(.95)}to{transform:translate3d(-7%,-5%,0) scale(1.18)}}:root[data-theme=dark] .mesh{opacity:.34}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .mesh{opacity:.34}}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.2s}::view-transition-new(root){animation-duration:.24s}::selection{background:color-mix(in srgb,var(--mau,var(--tu)) 26%,transparent)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.mesh i{transform:none!important}@view-transition{navigation:none}}.wrap{max-width:720px;margin:0 auto;padding:0 18px 80px;min-height:100dvh;display:flex;flex-direction:column}.top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px 12px;margin:0 -18px;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--paper) 91%,transparent);border-bottom:1px solid var(--line-2)}.brand{font-family:var(--f-disp);font-size:1.15rem;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:8px;text-decoration:none;white-space:nowrap;min-width:0}.brand .dot{width:9px;height:9px;border-radius:50%;flex:none;background:conic-gradient(var(--am) 0 25%,var(--tu) 0 50%,var(--cum) 0 75%,var(--cau) 0);box-shadow:0 0 0 3px var(--paper-2)}.brand em{font-style:normal;background:linear-gradient(100deg,var(--mau,var(--tu)),var(--mau-deep,var(--tu-deep)));-webkit-background-clip:text;background-clip:text;color:transparent}.top-right{display:flex;align-items:center;gap:4px}.icon-btn{width:calc(42px*var(--sp));height:calc(42px*var(--sp));border-radius:11px;display:grid;place-items:center;color:var(--muted);text-decoration:none;transition:background .18s,color .18s,transform .18s var(--ease)}.icon-btn:hover{background:var(--line-2);color:var(--ink)}.icon-btn:active{transform:scale(.9)}.icon-btn svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}