:root{--night:#0d0a1f;--indigo:#241a52;--gold:#e9c874;--jade:#62d6b4;--cinnabar:#d4574a;--paper:#f2e8d5;--mist:#b9b2d6}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--paper);font:17px/1.7 Be Vietnam Pro,system-ui,sans-serif;background:radial-gradient(ellipse at 75% 0%,#3a2a82 0,transparent 55%),radial-gradient(ellipse at 0% 100%,#10463f 0,transparent 50%),var(--night);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.55;background-image:radial-gradient(1.2px 1.2px at 12% 18%,#fff,transparent),radial-gradient(1px 1px at 62% 8%,#fff,transparent),radial-gradient(1.4px 1.4px at 85% 40%,var(--gold),transparent),radial-gradient(1px 1px at 30% 70%,#fff,transparent),radial-gradient(1.2px 1.2px at 92% 85%,#fff,transparent),radial-gradient(1px 1px at 48% 92%,var(--jade),transparent)}h1,h2,h3{font-family:Cormorant Garamond,serif;font-weight:600;line-height:1.1}main{max-width:1120px;margin:auto;padding:clamp(20px,5vw,56px)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:center;min-height:86vh}h1{font-size:clamp(2.8rem,7vw,5.2rem);color:var(--gold);text-shadow:0 0 40px #e9c87455;letter-spacing:.01em}.lede{color:var(--mist);max-width:44ch;margin:14px 0 28px}form{display:grid;grid-template-columns:1fr 1fr;gap:14px;max-width:460px}label{display:grid;gap:4px;font-size:.88rem;color:var(--mist)}input,select{background:#ffffff0f;border:1px solid #e9c87455;border-radius:10px;color:var(--paper);padding:11px 12px;font:inherit;width:100%}select option{color:#111;background:#fff}select optgroup{color:#7a4b00;background:#f1ebdd;font-weight:700;font-style:normal}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--jade);outline-offset:2px}button{grid-column:1/-1;cursor:pointer;border:0;border-radius:999px;padding:14px;font:600 1rem Be Vietnam Pro;color:#2a1a00;background:linear-gradient(135deg,#f6dc93,var(--gold) 50%,#c79a3c);box-shadow:0 0 30px #e9c87466;transition:transform .2s,box-shadow .2s}button:hover{transform:translateY(-2px);box-shadow:0 0 44px #e9c874aa}.la-ban{width:100%;max-width:520px;justify-self:center;filter:drop-shadow(0 0 40px #7a5cff66)}.ring{transform-origin:200px 200px;animation:spin 120s linear infinite;font-size:20px;fill:var(--gold);opacity:.8}@keyframes spin{to{transform:rotate(360deg)}}.wedge{transition:fill .6s,opacity .6s}#ketqua{display:none;margin-top:24px;padding:clamp(20px,4vw,44px);border:1px solid #e9c87466;border-radius:24px;background:linear-gradient(160deg,#ffffff14,#ffffff05);backdrop-filter:blur(10px);animation:in .8s ease both}@keyframes in{0%{opacity:0;transform:translateY(24px)}}#ketqua h2{font-size:2.4rem;color:var(--gold)}.dai{font-size:1.1rem;color:var(--jade);margin-bottom:18px}.cot{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:22px 0}h3{font-size:1.6rem;margin-bottom:8px}.tot h3{color:var(--jade)}.xau h3{color:var(--cinnabar)}ul{list-style:none;padding:0}li{padding:7px 0;border-bottom:1px dashed #ffffff20}li b{color:var(--paper)}li span{color:var(--mist);font-size:.9rem;display:block}.hanh{padding-top:18px;border-top:1px solid #e9c87433;color:var(--mist)}.hanh b{color:var(--gold)}.cua{margin-top:18px;padding:16px;border-radius:14px;background:#00000040}.cua select{max-width:260px;margin:6px 0}footer{text-align:center;color:var(--mist);font-size:.85rem;padding:40px 0 20px}@media(max-width:820px){.hero{grid-template-columns:1fr;min-height:0}.cot{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.ring,#ketqua{animation:none}}[hidden]{display:none!important}.chon{grid-column:1/-1}.mota{grid-column:1/-1;color:var(--mist);font-size:.88rem;line-height:1.5;margin-top:-4px}fieldset{grid-column:1/-1;border:1px dashed #e9c87455;border-radius:12px;padding:10px 14px;display:grid;gap:6px}legend{color:var(--gold);padding:0 6px;font-size:.9rem}.ck{display:flex;gap:10px;align-items:flex-start;font-size:.9rem;color:var(--paper)}.ck input{width:auto;margin-top:5px}.luoi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:520px;margin:14px 0}.o{border:1px solid #ffffff30;border-radius:12px;padding:8px 10px;background:#00000030;font-size:.8rem;color:var(--mist);min-height:96px;position:relative}.o.t{border-color:var(--gold);box-shadow:0 0 18px #e9c87455}.o.h{border-color:var(--jade);box-shadow:0 0 18px #62d6b455}.o .s{display:flex;justify-content:space-between;font:600 1.5rem Cormorant Garamond,serif;color:var(--paper)}.o .v{text-align:center;font:600 1.1rem Cormorant Garamond,serif;color:var(--gold)}.vuong{color:var(--jade)}.hung{color:var(--cinnabar)}.nhan{display:inline-block;margin:2px 6px 2px 0;padding:3px 12px;border-radius:99px;background:#e9c87433;color:var(--gold);font-size:.85rem}.tp{margin-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:14px 36px}.tp h2{grid-column:1/-1;font-size:2.2rem;color:var(--gold)}.tp div{padding:12px 0;border-bottom:1px dashed #ffffff25}.tp b{color:var(--paper)}.tp p{color:var(--mist);font-size:.9rem}.tp em{font-style:normal;font-size:.75rem;padding:2px 10px;border-radius:99px;margin-left:8px;border:1px solid var(--jade);color:var(--jade)}.tp em.gt{border-color:var(--mist);color:var(--mist)}@media(max-width:820px){.tp{grid-template-columns:1fr}}h1{white-space:pre-line}