@tailwind base;@tailwind components;@tailwind utilities;h1,h2,h3,h4,.font-display{font-family:"Baloo 2",Nunito,system-ui,sans-serif}h1,h2,h3,h4{letter-spacing:-.01em}:root{--glass-blur: 20px;--glass-bg-light: rgba(255, 255, 255, .7);--glass-bg-dark: rgba(34, 33, 32, .78);--glass-border-light: rgba(255, 255, 255, .5);--glass-border-dark: rgba(255, 255, 255, .1);--shadow-glow: 0 0 40px -10px;--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1);--grid-size: 28px;--grid-line: rgba(252, 196, 25, .3)}.dark{--grid-line: rgba(252, 196, 25, .1)}@keyframes caret-blink{0%,49%{opacity:1}50%,to{opacity:0}}.animate-caret{animation:caret-blink 1s step-end infinite}@keyframes chip-typing-ring{0%{opacity:.65;transform:scale(.97)}70%,to{opacity:0;transform:scale(1.09)}}.chip-typing{position:relative}.chip-typing:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:.9rem;border:2px solid #f59e0b;opacity:0;pointer-events:none;animation:chip-typing-ring 1.15s ease-out infinite}@media(prefers-reduced-motion:reduce){.animate-caret,.chip-typing:after{animation:none}.chip-typing:after{opacity:.55}}.bg-grid,body{background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size)}*,*:before,*:after{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#fbbf2466,#f59e0b66);border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#fbbf24b3,#f59e0bb3)}@keyframes vapor-move-1{0%{transform:translate(0) scale(1);opacity:.5}33%{transform:translate(100px,-50px) scale(1.1);opacity:.6}66%{transform:translate(-50px,100px) scale(.9);opacity:.4}to{transform:translate(0) scale(1);opacity:.5}}@keyframes vapor-move-2{0%{transform:translate(0) scale(1);opacity:.4}33%{transform:translate(-100px,50px) scale(.9);opacity:.5}66%{transform:translate(50px,-100px) scale(1.1);opacity:.3}to{transform:translate(0) scale(1);opacity:.4}}@keyframes vapor-move-3{0%{transform:translate(0) scale(1);opacity:.3}50%{transform:translateY(50px) scale(1.2);opacity:.5}to{transform:translate(0) scale(1);opacity:.3}}.vapor-blob{position:fixed;border-radius:50%;filter:blur(100px);opacity:.5;z-index:-1;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-iteration-count:infinite;pointer-events:none}.vapor-blob-1{top:-10%;left:-10%;width:70vw;height:70vw;background:radial-gradient(circle,#ffc83259,#ff643200 70%);animation-name:vapor-move-1;animation-duration:25s}.dark .vapor-blob-1{background:radial-gradient(circle,#ff8c0026,#0000 70%)}.vapor-blob-2{bottom:-20%;right:-20%;width:60vw;height:60vw;background:radial-gradient(circle,#32c8ff59,#3264ff00 70%);animation-name:vapor-move-2;animation-duration:30s}.dark .vapor-blob-2{background:radial-gradient(circle,#0050ff1f,#0000 70%)}.vapor-blob-3{top:40%;left:40%;width:50vw;height:50vw;background:radial-gradient(circle,#c832ff33,#c832ff00 70%);animation-name:vapor-move-3;animation-duration:35s}.dark .vapor-blob-3{background:radial-gradient(circle,#8c00c81a,#0000 70%)}.glass-panel{background:var(--glass-bg-light);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border-light);box-shadow:0 8px 32px #1f268714,inset 0 0 0 1px #ffffff4d}.dark .glass-panel{background:var(--glass-bg-dark);border:1px solid var(--glass-border-dark);box-shadow:0 8px 32px #00000080,inset 0 0 0 1px #ffffff0d}.glass-card{background:linear-gradient(135deg,#ffffffb3,#ffffff4d);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 40px -10px #64646f26,0 4px 6px -2px #0000000d,inset 0 1px #fffc}.dark .glass-card{background:linear-gradient(135deg,#2c2b2ad1,#1b1a198c);border:1px solid rgba(255,255,255,.08);box-shadow:0 10px 40px -10px #00000080,inset 0 1px #ffffff0d}.glass-button{background:#ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.4);transition:var(--transition-smooth)}.glass-button:hover{background:#ffffff80;box-shadow:0 8px 25px #ffffff40;transform:translateY(-2px)}.dark .glass-button:hover{background:#ffffff26;box-shadow:0 8px 25px #0000004d}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2.5s ease-in-out infinite}.glow-brand{box-shadow:0 0 30px -5px #fcc41980}.glow-emerald{box-shadow:0 0 30px -5px #10b98180}.glow-blue{box-shadow:0 0 30px -5px #3b82f680}.glow-pink{box-shadow:0 0 30px -5px #ec489980}.gradient-text-brand{background:linear-gradient(135deg,#fbbf24,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gradient-text-emerald{background:linear-gradient(135deg,#34d399,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-lift{transition:var(--transition-smooth)}.card-lift:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 25px 50px -12px #00000026}.dark .card-lift:hover{box-shadow:0 25px 50px -12px #0006}.icon-glow{position:relative}.icon-glow:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:inherit;border-radius:inherit;filter:blur(10px);opacity:.5;z-index:-1;transition:opacity .3s ease}.icon-glow:hover:before{opacity:.8}.text-shadow-sm{text-shadow:0 1px 2px rgba(0,0,0,.1)}.text-shadow-md{text-shadow:0 2px 4px rgba(0,0,0,.15)}.text-shadow-lg{text-shadow:0 4px 8px rgba(0,0,0,.2)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-callout{-webkit-touch-callout:none!important;-webkit-user-select:text!important;user-select:text!important}@keyframes bell-ring{0%,to{transform:rotate(0)}10%{transform:rotate(15deg)}20%{transform:rotate(-15deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}70%{transform:rotate(0)}}.animate-bell-ring{animation:bell-ring 1s ease-in-out}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #fbbf244d}50%{box-shadow:0 0 40px #fbbf2499}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-float-gentle{animation:float-gentle 4s ease-in-out infinite}.nav-underline{position:relative}.nav-underline:after{content:"";position:absolute;bottom:-4px;left:50%;width:0;height:3px;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:3px;transition:all .3s ease;transform:translate(-50%)}.nav-underline.active:after,.nav-underline:hover:after{width:80%}.noise-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none;border-radius:inherit}.btn-premium{position:relative;overflow:hidden;transition:var(--transition-smooth)}.btn-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.btn-premium:hover:before{left:100%}body{padding-bottom:5rem}.delay-75{animation-delay:75ms}.delay-100{animation-delay:.1s}.delay-150{animation-delay:.15s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-500{animation-delay:.5s}:root{--elastic-out: cubic-bezier(.175, .885, .32, 1.275);--jelly-bounce: cubic-bezier(.68, -.6, .32, 1.6);--smooth-flow: cubic-bezier(.25, .46, .45, .94);--tab-transition-duration: .4s}@keyframes icon-jelly{0%{transform:scale(1)}25%{transform:scale(.85,1.15) translateY(-2px)}50%{transform:scale(1.25,.75) translateY(2px)}65%{transform:scale(.9,1.1)}80%{transform:scale(1.05,.95)}to{transform:scale(1)}}@keyframes indicator-elastic-slide{0%{transform:translate(-50%) scaleX(.2);opacity:0;filter:blur(4px)}50%{transform:translate(-50%) scaleX(1.4);opacity:1;filter:blur(0px)}70%{transform:translate(-50%) scaleX(.9)}to{transform:translate(-50%) scaleX(1);opacity:1}}@keyframes content-enter-flow{0%{opacity:0;transform:translateY(15px) scale(.98);filter:blur(2px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}.nav-tab-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:.25rem 0;gap:.25rem;cursor:pointer;transition:background-color .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;overflow:hidden;border-radius:12px}.nav-tab-item:active{transform:scale(.92);background-color:#00000008}.dark .nav-tab-item:active{background-color:#ffffff08}.nav-tab-item .tab-icon{transition:color .3s ease,transform .3s ease;transform-origin:center bottom}.nav-tab-item.active .tab-icon{animation:icon-jelly .6s var(--jelly-bounce) forwards;filter:drop-shadow(0 4px 6px rgba(251,191,36,.4))}.nav-tab-item:not(.active) .tab-icon{transform:scale(1);opacity:.7}.nav-tab-item .tab-label{transition:all .3s var(--smooth-flow);transform-origin:center top}.nav-tab-item.active .tab-label{transform:translateY(-1px);text-shadow:0 0 10px rgba(251,191,36,.3)}.nav-tab-item:after{content:"";position:absolute;bottom:4px;left:50%;width:20px;height:4px;background:linear-gradient(90deg,#fbbf24,#f59e0b);border-radius:10px;transform:translate(-50%) scaleX(0);opacity:0;box-shadow:0 2px 10px #f59e0b80;transition:opacity .2s ease}.dark .nav-tab-item:after{background:linear-gradient(90deg,#f59e0b,#d97706);box-shadow:0 2px 10px #f59e0b66}.nav-tab-item.active:after{animation:indicator-elastic-slide .5s var(--elastic-out) forwards}.nav-tab-item.active.text-emerald-600 .tab-icon,.nav-tab-item.active.text-emerald-400 .tab-icon{filter:drop-shadow(0 4px 6px rgba(16,185,129,.4))}.nav-tab-item.active.text-emerald-600 .tab-label,.nav-tab-item.active.text-emerald-400 .tab-label{text-shadow:0 0 10px rgba(16,185,129,.3)}.nav-tab-item.active.text-emerald-600:after,.nav-tab-item.active.text-emerald-400:after{background:linear-gradient(90deg,#10b981,#059669);box-shadow:0 2px 10px #10b98180}.dark .nav-tab-item.active.text-emerald-400:after{background:linear-gradient(90deg,#34d399,#10b981);box-shadow:0 2px 10px #10b98166}.view-content-wrapper{animation:content-enter-flow .5s var(--smooth-flow) forwards;transform-origin:center 20vh}.nav-tab-item,.nav-tab-item *,.view-content-wrapper{will-change:transform,opacity,filter;backface-visibility:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,40px,0)}to{opacity:1;transform:translateZ(0)}}.animate-fade-in-up{animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) forwards}@keyframes ctaSoundWave{0%,55%,to{opacity:0;transform:scaleX(.96) scaleY(.88)}12%{opacity:.3}45%{opacity:0;transform:scaleX(1.16) scaleY(1.5)}}.cta-sound-wave{animation:ctaSoundWave 2.8s ease-out infinite}.cta-sound-wave-delay{animation-delay:1.4s}@media(prefers-reduced-motion:reduce){.cta-sound-wave{animation:none;opacity:0}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(40px,0,0)}to{opacity:1;transform:translateZ(0)}}.animate-fade-in-right{animation:fadeInRight .8s cubic-bezier(.2,.8,.2,1) forwards}@keyframes gameSetupScrimIn{0%{opacity:0}to{opacity:1}}@keyframes gameSetupScrimOut{0%{opacity:1}to{opacity:0}}@keyframes gameSetupDrawerIn{0%{opacity:0;transform:translate3d(0,28px,0) scale(.96)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes gameSetupDrawerOut{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(0,20px,0) scale(.97)}}@keyframes gameSetupContentSwap{0%{opacity:0;transform:translate3d(18px,0,0)}to{opacity:1;transform:translateZ(0)}}.game-setup-scrim{animation:gameSetupScrimIn .28s ease-out both}.game-setup-scrim[data-closing=true]{animation:gameSetupScrimOut .24s ease-in both}.game-setup-drawer{animation:gameSetupDrawerIn .36s cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity}.game-setup-drawer[data-closing=true]{animation:gameSetupDrawerOut .22s cubic-bezier(.4,0,1,1) both;pointer-events:none}.game-setup-content-swap{animation:gameSetupContentSwap .26s cubic-bezier(.16,1,.3,1) both}@media(prefers-reduced-motion:reduce){.game-setup-scrim,.game-setup-drawer,.game-setup-content-swap,.game-setup-scrim[data-closing=true],.game-setup-drawer[data-closing=true]{animation-duration:1ms}}@keyframes gradientX{0%,to{background-size:200% 200%;background-position:left center}50%{background-size:200% 200%;background-position:right center}}.animate-gradient-x{animation:gradientX 6s ease infinite}@keyframes float{0%{transform:translatey(0)}50%{transform:translatey(-20px)}to{transform:translatey(0)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-slow{animation:spin 12s linear infinite}@keyframes spinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.animate-spin-reverse-slower{animation:spinReverse 16s linear infinite}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}.perspective-1000{perspective:1000px}@keyframes caretBlink{0%,45%{opacity:1}50%,95%{opacity:0}to{opacity:1}}.animate-caret-blink{animation:caretBlink 1s steps(1,end) infinite;border-radius:1px;vertical-align:text-bottom}.glass-header-yellow{background:#fee12aa6;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-bottom:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #1f26870d,inset 0 1px #ffffff80}.header-solid-yellow{background:#fee12a;border-bottom:1px solid rgba(245,158,11,.25);box-shadow:0 4px 18px #1f26870f,inset 0 1px #ffffff59}.dark .dark\:bg-slate-950,.dark .dark\:bg-gray-950{background-color:#1b1a19!important}.dark .dark\:bg-slate-900,.dark .dark\:bg-gray-900{background-color:#222120!important}.dark .dark\:bg-slate-800,.dark .dark\:bg-gray-800{background-color:#2c2b2a!important}.dark .dark\:bg-slate-700,.dark .dark\:bg-gray-700{background-color:#3b3a38!important}.dark .dark\:bg-slate-600,.dark .dark\:bg-gray-600{background-color:#4d4c49!important}.dark .dark\:border-slate-900,.dark .dark\:border-gray-900{border-color:#272625!important}.dark .dark\:border-slate-800,.dark .dark\:border-gray-800{border-color:#34332f!important}.dark .dark\:border-slate-700,.dark .dark\:border-gray-700{border-color:#3b3a38!important}.dark .dark\:border-slate-600,.dark .dark\:border-gray-600{border-color:#4d4c49!important}.dark .dark\:ring-slate-700,.dark .dark\:ring-gray-700{--tw-ring-color: #3b3a38 !important}.dark .dark\:ring-gray-800{--tw-ring-color: #2c2b2a !important}.dark .dark\:ring-gray-600{--tw-ring-color: #4d4c49 !important}.dark .dark\:divide-gray-800>:not([hidden])~:not([hidden]){border-color:#34332f!important}.dark .dark\:divide-gray-700>:not([hidden])~:not([hidden]){border-color:#3b3a38!important}.structured-static p{margin:0 0 .75rem;line-height:1.65}.structured-static h3{color:#0f172a;font-size:1.125rem;font-weight:700;margin:1rem 0 .5rem}.structured-static h4{color:#0f172a;font-weight:700;margin:1rem 0 .4rem}.structured-static ul{list-style-type:disc;margin:.65rem 0;padding-left:1.75rem}.structured-static li{line-height:1.65;margin:.35rem 0;padding-left:.15rem}.structured-static li>ul{list-style-type:circle;margin:.4rem 0;padding-left:1.75rem}.structured-static ol{list-style-type:decimal;margin:.65rem 0;padding-left:1.75rem}.blog-article{color:#3f4756;font-size:1.0625rem;line-height:1.85;overflow-wrap:break-word}@media(min-width:768px){.blog-article{font-size:1.125rem}}.dark .blog-article{color:#c5cad3}.blog-article :where(h2,h3,h4){scroll-margin-top:6rem}.blog-article :where(p:not([class])){font-family:Lora,Georgia,serif;margin:0 0 1.3em}.blog-article :where(h2:not([class])){font-size:1.75rem;font-weight:800;line-height:1.25;color:#0f172a;margin:2.75rem 0 1rem;padding-bottom:.45rem;border-bottom:2px solid rgba(252,196,25,.45)}.blog-article :where(h3:not([class])){position:relative;font-size:1.4rem;font-weight:800;line-height:1.3;color:#0f172a;margin:2.4rem 0 .85rem;padding-left:1rem}.blog-article :where(h3:not([class])):before{content:"";position:absolute;left:0;top:.26em;bottom:.26em;width:5px;border-radius:999px;background:#fcc419}.blog-article :where(h4:not([class])){font-size:1.15rem;font-weight:700;line-height:1.4;color:#1e293b;margin:1.9rem 0 .5rem}.blog-article :where(h5:not([class])){font-size:.8125rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin:1.6rem 0 .4rem}.dark .blog-article :where(h2:not([class])),.dark .blog-article :where(h3:not([class])){color:#f1f5f9}.dark .blog-article :where(h4:not([class])){color:#e2e8f0}.dark .blog-article :where(h5:not([class])){color:#94a3b8}@media(min-width:768px){.blog-article :where(h2:not([class])){font-size:2rem}.blog-article :where(h3:not([class])){font-size:1.625rem}}.blog-article>:where(h2,h3,h4,h5):first-child{margin-top:0}.blog-article :where(ul:not([class])){list-style-type:disc;margin:1.2em 0;padding-left:1.5rem}.blog-article :where(ol:not([class])){list-style-type:decimal;margin:1.2em 0;padding-left:1.6rem}.blog-article :where(ul:not([class]),ol:not([class]))>li{font-family:Lora,Georgia,serif;margin:.45em 0;padding-left:.2rem}.blog-article :where(ul:not([class]),ol:not([class]))>li::marker{color:#eab308;font-weight:700}.dark .blog-article :where(ul:not([class]),ol:not([class]))>li::marker{color:#fcc419}.blog-article :where(li:not([class]))>ul:not([class]){list-style-type:circle;margin:.4em 0}.blog-article :where(ol:not([class]))>li::marker{font-weight:800}.blog-article :where(strong:not([class])){font-weight:800;color:#111827}.dark .blog-article :where(strong:not([class])){color:#fff}.blog-article :where(em:not([class])){font-style:italic;color:#52606f}.dark .blog-article :where(em:not([class])){color:#aab2bf}.blog-article :where(a:not([class])){color:#a16207;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:#fcc4198c;transition:color .2s,text-decoration-color .2s}.blog-article :where(a:not([class])):hover{color:#854d0e;text-decoration-color:#fcc419}.dark .blog-article :where(a:not([class])){color:#fee12a}.dark .blog-article :where(a:not([class])):hover{color:#fff986}.blog-article :where(code:not([class])){font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875em;background:#f1f5f9;color:#0f172a;padding:.15em .4em;border-radius:.375rem}.dark .blog-article :where(code:not([class])){background:#2c2b2a;color:#f1f5f9}.blog-article :where(blockquote:not([class])){font-family:Lora,Georgia,serif;font-size:1.05em;margin:1.8em 0;padding:.9rem 1.25rem;border-left:5px solid #fcc419;border-radius:0 .75rem .75rem 0;background:#fcc41914;color:#475569}.dark .blog-article :where(blockquote:not([class])){background:#fcc41912;color:#cbd5e1}.blog-article :where(blockquote:not([class]))>:where(p:not([class])):last-child{margin-bottom:0}.blog-article :where(hr:not([class])){height:1px;border:0;margin:2.6rem 0;background:linear-gradient(to right,transparent,rgba(148,163,184,.45),transparent)}.blog-article :where(img:not([class])){display:block;max-width:100%;height:auto;margin:1.8rem auto;border-radius:1rem}.blog-article :where(iframe:not([class])){max-width:100%;border-radius:.75rem}.blog-article :where(table:not([class])){width:100%;margin:1.8rem 0;border-collapse:collapse;font-size:.95em}.blog-article :where(table:not([class])) :where(th,td){padding:.65rem .85rem;border-bottom:1px solid #e2e8f0;text-align:left}.blog-article :where(table:not([class])) :where(th){background:#f8fafc;font-weight:700;color:#334155}.dark .blog-article :where(table:not([class])) :where(th,td){border-bottom-color:#3b3a38}.dark .blog-article :where(table:not([class])) :where(th){background:#2c2b2a;color:#e2e8f0}.blog-article :where(details:not([class])){margin:1.4rem 0}.blog-article :where(summary:not([class])){cursor:pointer;font-weight:700;color:#a16207}.blog-article{max-width:68ch;margin-inline:auto}.blog-article .blog-copy{font-family:Lora,Georgia,serif;line-height:1.85}.blog-article .blog-section-heading{position:relative;display:block;margin:4.25rem 0 1.35rem;padding:1.1rem 0 0;border:0;color:#0f172a;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(1.65rem,4vw,2.1rem);font-weight:800;line-height:1.18;letter-spacing:-.025em}.blog-article .blog-section-heading:before{content:"PHẦN " attr(data-section-number);display:block;width:max-content;margin-bottom:.55rem;padding:.25rem .55rem;border-radius:.4rem;background:#facc15;color:#1e293b;font-family:Nunito,sans-serif;font-size:.625rem;font-weight:900;line-height:1;letter-spacing:.18em}.blog-article .blog-section-heading:after{content:"";display:block;width:3.5rem;height:.25rem;margin-top:.9rem;border-radius:999px;background:#fcc419}.blog-article .blog-section-heading[data-heading-level="3"]{margin-top:2.5rem;padding-left:1rem;font-size:clamp(1.25rem,3vw,1.55rem)}.blog-article .blog-section-heading[data-heading-level="3"]:before{content:attr(data-section-number);position:absolute;top:1.25rem;left:0;width:.28rem;height:calc(100% - 1.6rem);min-height:1.4rem;margin:0;padding:0;overflow:hidden;border-radius:999px;color:transparent}.blog-article .blog-section-heading[data-heading-level="3"]:after{display:none}.dark .blog-article .blog-section-heading{color:#f1f5f9}.blog-article .blog-data-table{width:100%;min-width:36rem;border-collapse:separate;border-spacing:0;font-size:.925rem;line-height:1.55}.blog-article .blog-table-scroll{margin:1.8rem 0;overflow-x:auto;border:1px solid #e2e8f0;border-radius:.9rem}.dark .blog-article .blog-table-scroll{border-color:#334155}.blog-article .blog-data-table :where(th,td){padding:.8rem .9rem;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top}.blog-article .blog-data-table th{background:#f8fafc;color:#334155;font-family:Nunito,sans-serif;font-weight:800}.dark .blog-article .blog-data-table :where(th,td){border-bottom-color:#334155}.dark .blog-article .blog-data-table th{background:#1e293b;color:#e2e8f0}.blog-article .blog-disclosure>summary{cursor:pointer}@media(max-width:639px){.blog-article{font-size:1rem;line-height:1.78}.blog-article .blog-section-heading{margin-top:3.25rem}.blog-article .blog-data-table{font-size:.82rem}.blog-article .blog-data-table :where(th,td){padding:.65rem}}.writing-pdf-capture-host,.writing-pdf-capture-host *{animation:none!important;transition:none!important}.tarot-scene{perspective:1300px}.tarot-3d{transform-style:preserve-3d}.tarot-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.tarot-face-back{transform:rotateY(180deg)}.tarot-flip{transition:transform .75s cubic-bezier(.35,.1,.2,1)}.tarot-flip.is-flipped{transform:rotateY(180deg)}.tarot-parchment{background:radial-gradient(circle at 50% 28%,#fdf8ea,#f6ecd3 62%,#ecdcb4)}.tarot-deck{--tarot-spread: 1;--tarot-fan: .62}@media(min-width:640px){.tarot-deck{--tarot-fan: .82}}@media(min-width:768px){.tarot-deck{--tarot-fan: 1}}.tarot-deck:hover{--tarot-spread: 1.14}.tarot-fan-card{transition:transform .45s cubic-bezier(.22,1,.36,1)}@keyframes tarotFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.tarot-float{animation:tarotFloat 3.6s ease-in-out infinite}@keyframes tarotRiffleA{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-46px,-14px) rotate(-11deg)}50%{transform:translate(2px,5px) rotate(1deg)}75%{transform:translate(40px,-10px) rotate(9deg)}}@keyframes tarotRiffleB{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(44px,-8px) rotate(10deg)}50%{transform:translate(-2px,6px) rotate(-1deg)}75%{transform:translate(-42px,-12px) rotate(-10deg)}}.tarot-riffle-a{animation:tarotRiffleA .55s ease-in-out infinite}.tarot-riffle-b{animation:tarotRiffleB .55s ease-in-out infinite}@keyframes tarotRise{0%{transform:translateY(120px) scale(.55) rotate(-6deg);opacity:0}60%{opacity:1}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}.tarot-rise{animation:tarotRise .55s cubic-bezier(.22,1,.36,1) both}@keyframes tarotFadeUp{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}.tarot-fade-up{animation:tarotFadeUp .45s ease-out both}@keyframes tarotHolo{0%{background-position:135% 135%}45%{background-position:-35% -35%}to{background-position:-35% -35%}}.tarot-holo{background-image:linear-gradient(115deg,transparent 30%,rgba(255,214,112,.5) 41%,rgba(255,255,255,.85) 47%,rgba(167,139,250,.5) 53%,rgba(103,232,249,.45) 59%,transparent 70%);background-size:280% 280%;background-position:135% 135%;mix-blend-mode:overlay;opacity:.8;animation:tarotHolo 4.2s ease-in-out .85s infinite}@keyframes tarotGlowPulse{0%,to{opacity:.4;transform:scale(.96)}50%{opacity:.8;transform:scale(1.05)}}.tarot-glow-halo{animation:tarotGlowPulse 2.8s ease-in-out infinite}@keyframes tarotTwinkle{0%,to{opacity:.15;transform:scale(.6) rotate(0)}50%{opacity:1;transform:scale(1.15) rotate(25deg)}}.tarot-twinkle{animation:tarotTwinkle 2.3s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.tarot-float,.tarot-riffle-a,.tarot-riffle-b,.tarot-holo,.tarot-twinkle,.tarot-glow-halo,.tarot-rise,.tarot-fade-up{animation-duration:.01s;animation-iteration-count:1}.tarot-flip,.tarot-fan-card{transition-duration:.01s}}.nav-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:10000;pointer-events:none;opacity:0;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,#fcc419,#eab308);box-shadow:0 0 8px #fcc41999}.nav-progress.is-active{animation:nav-progress-grow 5s cubic-bezier(.1,.9,.2,1) .12s forwards}.nav-progress.is-done{animation:nav-progress-done .3s ease-out forwards}@keyframes nav-progress-grow{0%{opacity:1;transform:scaleX(.05)}to{opacity:1;transform:scaleX(.92)}}@keyframes nav-progress-done{0%{opacity:1;transform:scaleX(.92)}to{opacity:0;transform:scaleX(1)}}.hero-scene .hs-anim{transform-box:fill-box;transform-origin:50% 50%}.hero-scene .hs-bell{transform-origin:50% 0%;animation:hs-bell-swing 3.6s ease-in-out infinite}.hero-scene .hs-ring{opacity:0;animation:hs-ring 2.4s ease-out infinite}.hero-scene .hs-ring-2{animation-delay:.5s}.hero-scene .hs-rise{opacity:0;animation:hs-rise 4.8s cubic-bezier(.22,.61,.36,1) infinite}.hero-scene .hs-twinkle{opacity:0;animation:hs-twinkle 2.4s ease-in-out infinite}.hero-scene .hs-badge{animation:hs-badge-pop 1.8s ease-in-out infinite}.hero-scene .hs-float{animation:hs-float 3.6s ease-in-out infinite}.hero-scene .hs-page{transform-origin:0% 50%;animation:hs-page-flip 4.8s ease-in-out infinite}@keyframes hs-bell-swing{0%,46%,to{transform:rotate(0)}7%{transform:rotate(14deg)}15%{transform:rotate(-12deg)}23%{transform:rotate(8deg)}31%{transform:rotate(-5deg)}39%{transform:rotate(2deg)}}@keyframes hs-ring{0%{opacity:0;transform:scale(.55)}25%{opacity:.9}to{opacity:0;transform:scale(1.35)}}@keyframes hs-rise{0%{opacity:0;transform:translateY(18px) scale(.8)}22%{opacity:1;transform:translateY(-4px) scale(1)}72%{opacity:1}to{opacity:0;transform:translateY(-58px) scale(1)}}@keyframes hs-twinkle{0%,to{opacity:0;transform:scale(.3) rotate(0)}50%{opacity:1;transform:scale(1) rotate(45deg)}}@keyframes hs-badge-pop{0%,to{transform:scale(1)}50%{transform:scale(1.16)}}@keyframes hs-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes hs-page-flip{0%,42%{transform:scaleX(1);opacity:1}62%{transform:scaleX(0);opacity:1}80%{transform:scaleX(-1);opacity:1}90%,to{transform:scaleX(-1);opacity:0}}@media(prefers-reduced-motion:reduce){.hero-scene .hs-bell,.hero-scene .hs-badge,.hero-scene .hs-float,.hero-scene .hs-page{animation:none}.hero-scene .hs-ring{animation:none;opacity:.55}.hero-scene .hs-rise{animation:none;opacity:1;transform:translateY(-26px)}.hero-scene .hs-twinkle{animation:none;opacity:.8}}