:root{color-scheme:light dark}[dir=rtl]{text-align:right}.ltr{direction:ltr;unicode-bidi:isolate}body{margin:0;min-height:100vh;position:relative;overflow-x:hidden;background:var(--bg-gradient, linear-gradient(180deg, #f7efff 0%, #ffffff 60%));color:var(--text-color, #1f1230);transition:background .6s ease,color .3s ease}body.theme-light{--bg-gradient: linear-gradient(180deg, #f7efff 0%, #ffffff 60%);--text-color: #1f1230;--toggle-bg: rgba(255, 255, 255, .85);--toggle-border: rgba(31, 18, 48, .2);--toggle-color: #1f1230;--toggle-hover-bg: rgba(243, 227, 255, .95)}body.theme-dark{--bg-gradient: linear-gradient(180deg, #120821 0%, #1f1230 60%);--text-color: #f3e3ff;--toggle-bg: rgba(25, 15, 39, .85);--toggle-border: rgba(243, 227, 255, .2);--toggle-color: #f3e3ff;--toggle-hover-bg: rgba(67, 42, 103, .9)}:root[data-locale=vn] body.theme-light{--bg-gradient: linear-gradient(180deg, #e8f5ee 0%, #f5fbf7 60%);--text-color: #0f2d1a;--toggle-bg: rgba(255, 255, 255, .85);--toggle-border: rgba(15, 45, 26, .2);--toggle-color: #0f2d1a;--toggle-hover-bg: rgba(216, 243, 225, .95)}:root[data-locale=vn] body.theme-dark{--bg-gradient: linear-gradient(180deg, #1e4028 0%, #274f33 60%);--toggle-hover-bg: rgba(30, 80, 45, .9)}.top-controls{position:fixed;top:1rem;right:1rem;display:flex;gap:.5rem;align-items:center;z-index:10}.theme-toggle,.locale-select{padding:.4rem .9rem;border-radius:999px;border:1px solid var(--toggle-border);background:var(--toggle-bg);color:var(--toggle-color);font-family:inherit;font-size:.9rem;cursor:pointer;transition:background .3s ease,color .3s ease,border-color .3s ease}.theme-toggle:hover,.theme-toggle:focus-visible,.locale-select:hover,.locale-select:focus-visible{background:var(--toggle-hover-bg)}.theme-toggle:focus-visible,.locale-select:focus-visible{outline:2px solid var(--toggle-color);outline-offset:2px}.locale-select{appearance:none;-webkit-appearance:none}main{padding:clamp(1.5rem,4vw,3rem) 1rem 4rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.main-text{display:flex;flex-direction:column;align-items:stretch}.main-text p{margin:0 auto 1.5em;width:min(85%,640px);line-height:1.6;font-size:1.05rem}.nav{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:1rem;width:min(85%,640px);margin:0 auto 1.5rem}.nav a{display:inline-block}.petals{pointer-events:none;position:fixed;inset:0;overflow:hidden;z-index:-1}.petals span{--x-start: 50;--x-end: 48;--rotation: 540deg;--scale: 1;position:absolute;top:-10vh;left:0;width:16px;height:24px;background:radial-gradient(circle at 30% 30%,#d6a8ff,#b375e8 60%,#8d4ec9);border-radius:65% 35% 70% 30%;opacity:0;filter:drop-shadow(0 4px 6px rgba(59,22,99,.2));animation:fall 12s linear infinite}.petals span:nth-child(1){--x-start: 5;--x-end: 2;--rotation: 600deg;animation-duration:14s;animation-delay:-3s}.petals span:nth-child(2){--x-start: 15;--x-end: 10;--scale: .9;animation-duration:12s;animation-delay:-6s}.petals span:nth-child(3){--x-start: 25;--x-end: 22;--rotation: 720deg;animation-duration:16s;animation-delay:-9s}.petals span:nth-child(4){--x-start: 35;--x-end: 32;--scale: 1.1;animation-duration:13s;animation-delay:-1s}.petals span:nth-child(5){--x-start: 45;--x-end: 40;--rotation: 660deg;animation-duration:15s;animation-delay:-5s}.petals span:nth-child(6){--x-start: 55;--x-end: 58;--scale: .85;animation-duration:11s;animation-delay:-7s}.petals span:nth-child(7){--x-start: 65;--x-end: 60;--rotation: 700deg;animation-duration:17s;animation-delay:-11s}.petals span:nth-child(8){--x-start: 75;--x-end: 73;--scale: .95;animation-duration:13s;animation-delay:-4s}.petals span:nth-child(9){--x-start: 85;--x-end: 80;--rotation: 580deg;animation-duration:12s;animation-delay:-8s}.petals span:nth-child(10){--x-start: 95;--x-end: 88;--scale: 1.05;animation-duration:14s;animation-delay:-10s}.petals span:nth-child(11){--x-start: 20;--x-end: 18;--scale: .8;animation-duration:18s;animation-delay:-13s}.petals span:nth-child(12){--x-start: 40;--x-end: 44;--rotation: 620deg;animation-duration:16s;animation-delay:-15s}.petals span:nth-child(13){--x-start: 60;--x-end: 56;--scale: 1.2;animation-duration:19s;animation-delay:-12s}.petals span:nth-child(14){--x-start: 80;--x-end: 78;--rotation: 540deg;animation-duration:15s;animation-delay:-14s}.petals span:nth-child(15){--x-start: 30;--x-end: 28;--scale: 1.15;animation-duration:17s;animation-delay:-16s}.petals span:nth-child(16){--x-start: 12;--x-end: 6;--scale: .9;--rotation: 680deg;animation-duration:14s;animation-delay:-18s}.petals span:nth-child(17){--x-start: 18;--x-end: 15;--scale: 1.05;--rotation: 760deg;animation-duration:20s;animation-delay:-19s}.petals span:nth-child(18){--x-start: 28;--x-end: 32;--scale: .85;--rotation: 600deg;animation-duration:12s;animation-delay:-17s}.petals span:nth-child(19){--x-start: 38;--x-end: 36;--scale: 1.2;--rotation: 820deg;animation-duration:18s;animation-delay:-22s}.petals span:nth-child(20){--x-start: 48;--x-end: 52;--scale: .95;--rotation: 560deg;animation-duration:11s;animation-delay:-20s}.petals span:nth-child(21){--x-start: 58;--x-end: 55;--scale: 1.1;--rotation: 780deg;animation-duration:16s;animation-delay:-21s}.petals span:nth-child(22){--x-start: 68;--x-end: 70;--scale: .88;--rotation: 640deg;animation-duration:13s;animation-delay:-24s}.petals span:nth-child(23){--x-start: 78;--x-end: 74;--scale: 1.15;--rotation: 720deg;animation-duration:19s;animation-delay:-23s}.petals span:nth-child(24){--x-start: 88;--x-end: 92;--scale: .92;--rotation: 580deg;animation-duration:12s;animation-delay:-25s}.petals span:nth-child(25){--x-start: 8;--x-end: 4;--scale: 1.05;--rotation: 700deg;animation-duration:15s;animation-delay:-27s}.petals span:nth-child(26){--x-start: 22;--x-end: 18;--scale: .9;--rotation: 580deg;animation-duration:11s;animation-delay:-26s}.petals span:nth-child(27){--x-start: 32;--x-end: 37;--scale: 1.2;--rotation: 840deg;animation-duration:21s;animation-delay:-28s}.petals span:nth-child(28){--x-start: 42;--x-end: 39;--scale: .82;--rotation: 620deg;animation-duration:14s;animation-delay:-30s}.petals span:nth-child(29){--x-start: 72;--x-end: 76;--scale: 1.1;--rotation: 760deg;animation-duration:18s;animation-delay:-29s}.petals span:nth-child(30){--x-start: 82;--x-end: 79;--scale: .87;--rotation: 600deg;animation-duration:13s;animation-delay:-31s}.petals span:nth-child(31){--x-start: 4;--x-end: 9;--scale: .98;--rotation: 720deg;animation-duration:16s;animation-delay:-33s}.petals span:nth-child(32){--x-start: 14;--x-end: 12;--scale: .83;--rotation: 560deg;animation-duration:12s;animation-delay:-35s}.petals span:nth-child(33){--x-start: 24;--x-end: 20;--scale: 1.12;--rotation: 820deg;animation-duration:19s;animation-delay:-34s}.petals span:nth-child(34){--x-start: 34;--x-end: 38;--scale: .9;--rotation: 640deg;animation-duration:14s;animation-delay:-36s}.petals span:nth-child(35){--x-start: 44;--x-end: 41;--scale: 1.18;--rotation: 760deg;animation-duration:17s;animation-delay:-38s}.petals span:nth-child(36){--x-start: 54;--x-end: 59;--scale: .86;--rotation: 600deg;animation-duration:13s;animation-delay:-37s}.petals span:nth-child(37){--x-start: 64;--x-end: 61;--scale: 1.05;--rotation: 740deg;animation-duration:18s;animation-delay:-39s}.petals span:nth-child(38){--x-start: 74;--x-end: 77;--scale: .92;--rotation: 580deg;animation-duration:12s;animation-delay:-41s}.petals span:nth-child(39){--x-start: 84;--x-end: 81;--scale: 1.2;--rotation: 840deg;animation-duration:20s;animation-delay:-40s}.petals span:nth-child(40){--x-start: 94;--x-end: 90;--scale: .88;--rotation: 620deg;animation-duration:15s;animation-delay:-42s}.petals span:nth-child(41){--x-start: 6;--x-end: 3;--scale: 1.1;--rotation: 780deg;animation-duration:17s;animation-delay:-44s}.petals span:nth-child(42){--x-start: 16;--x-end: 21;--scale: .85;--rotation: 600deg;animation-duration:13s;animation-delay:-43s}.petals span:nth-child(43){--x-start: 26;--x-end: 23;--scale: 1.15;--rotation: 820deg;animation-duration:19s;animation-delay:-45s}.petals span:nth-child(44){--x-start: 36;--x-end: 33;--scale: .9;--rotation: 660deg;animation-duration:14s;animation-delay:-47s}.petals span:nth-child(45){--x-start: 46;--x-end: 50;--scale: 1.22;--rotation: 860deg;animation-duration:21s;animation-delay:-46s}.petals span:nth-child(46){--x-start: 56;--x-end: 53;--scale: .84;--rotation: 620deg;animation-duration:12s;animation-delay:-48s}.petals span:nth-child(47){--x-start: 66;--x-end: 70;--scale: 1.05;--rotation: 760deg;animation-duration:18s;animation-delay:-50s}.petals span:nth-child(48){--x-start: 76;--x-end: 73;--scale: .95;--rotation: 580deg;animation-duration:13s;animation-delay:-49s}.petals span:nth-child(49){--x-start: 86;--x-end: 89;--scale: 1.12;--rotation: 740deg;animation-duration:16s;animation-delay:-51s}.petals span:nth-child(50){--x-start: 96;--x-end: 93;--scale: .9;--rotation: 640deg;animation-duration:14s;animation-delay:-52s}:root[data-locale=vn] .petals span{background:radial-gradient(ellipse at 40% 35%,#fff5f8,#ffd6e7 55%,#ffaac8);border-radius:50% 50% 60% 40%/65% 65% 35% 35%;inline-size:18px;block-size:26px;filter:drop-shadow(0 4px 6px rgba(200,60,110,.15))}@keyframes fall{0%{transform:translate3d(calc(var(--x-start) * 1vw),-10vh,0) scale(var(--scale)) rotate(0);opacity:0}10%{opacity:.85}70%{opacity:.95}to{transform:translate3d(calc(var(--x-end) * 1vw),110vh,0) scale(var(--scale)) rotate(var(--rotation));opacity:0}}