:root{--color-accent-vivid:#fbbf24;--color-gray-50:#fafaf9;--color-gray-100:#f5f5f4;--color-gray-200:#e7e5e4;--color-gray-300:#d6d3d1;--color-gray-400:#a8a29e;--color-gray-500:#78716c;--color-gray-600:#57534e;--color-gray-700:#44403c;--color-gray-800:#292524;--color-gray-900:#1c1917;--surface-primary:var(--color-bg);--surface-secondary:var(--color-bg-alt);--surface-elevated:#fff;--surface-overlay:#00000080;--text-primary:var(--color-text);--text-secondary:var(--color-text-light);--text-muted:var(--color-text-lighter);--border-default:var(--color-border);--border-strong:var(--color-gray-300);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--spacing-2xs:.25rem;--tile-width:96px;--tile-height:120px;--tile-font-size:3.6rem;--tile-gap:12px;--tile-sm-width:84px;--tile-sm-height:104px;--tile-sm-font-size:3rem;--tile-sm-gap:8px;--tile-inline-font-size:3.2rem}html[data-theme=dark]{--color-primary:#e36b4f;--color-primary-dark:#c84b31;--color-primary-light:#f09080;--color-secondary:#1e3a5f;--color-secondary-dark:#0f2440;--color-secondary-light:#2d4a6f;--color-accent:#d4c29d;--color-accent-dark:#b8a57e;--color-text:#e7e5e4;--color-text-light:#a8a29e;--color-text-lighter:#78716c;--color-heading:#e7e5e4;--color-link:#e36b4f;--color-accent-bg:#3d3526;--color-bg:#1c1917;--color-bg-alt:#292524;--color-bg-dark:#0f0e0d;--color-border:#44403c;--color-shadow:#0006;--surface-primary:#1c1917;--surface-secondary:#292524;--surface-elevated:#292524;--surface-overlay:#000000b3;--text-primary:#e7e5e4;--text-secondary:#a8a29e;--text-muted:#78716c;--border-default:#44403c;--border-strong:#57534e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] a{color:var(--color-link)}[data-theme=dark] a:hover{color:#f09080}[data-theme=dark] .btn-primary,[data-theme=dark] a.btn-primary{color:#fff;background:var(--color-primary);border-color:var(--color-primary)}[data-theme=dark] .btn-secondary,[data-theme=dark] a.btn-secondary{color:#fff;background:var(--color-secondary-light);border-color:var(--color-secondary-light)}[data-theme=dark] .btn-outline,[data-theme=dark] a.btn-outline{color:var(--color-primary);border-color:var(--color-primary);background:0 0}[data-theme=dark] .btn-outline:hover,[data-theme=dark] a.btn-outline:hover{color:#fff;background:var(--color-primary)}[data-theme=dark] .nav-logo,[data-theme=dark] .nav-link{color:#e7e5e4}[data-theme=dark] .nav-link:hover,[data-theme=dark] .nav-link.active{color:var(--color-link)}[data-theme=dark] .dropdown-menu{background:#292524;border-color:#44403c}[data-theme=dark] .dropdown-menu a{color:#d6d3d1}[data-theme=dark] .dropdown-menu a:hover{color:var(--color-link);background:#1c1917}[data-theme=dark] .navbar{-webkit-backdrop-filter:blur(12px);background:#1c1917e6}[data-theme=dark] .hero{background:linear-gradient(135deg,#0f2440 0%,#1e3a5f 100%)}[data-theme=dark] .hero-overlay{background:linear-gradient(135deg,#1c191780,#0f24404d)}[data-theme=dark] .hero-title,[data-theme=dark] .hero-subtitle,[data-theme=dark] .hero-description,[data-theme=dark] .hero-content h1{color:#fff}[data-theme=dark] .hero-subtitle{color:#ffffffd9}[data-theme=dark] .page-header{background:linear-gradient(135deg,#0f2440 0%,#1e3a5f 100%)}[data-theme=dark] .page-header h1{color:#fff}[data-theme=dark] .page-header p{color:#d4c29d}[data-theme=dark] .cta-section{background:#0f2440}[data-theme=dark] .cta-content h2{color:#fff}[data-theme=dark] .cta-content p{color:#ffffffd9}[data-theme=dark] .footer{background:#0f2440}[data-theme=dark] .footer-col h4{color:#fff}[data-theme=dark] .footer-col a{color:#ffffffb3}[data-theme=dark] .footer-col a:hover{color:#d4c29d}[data-theme=dark] .footer-bottom{color:#fff9;border-top-color:#ffffff1a}[data-theme=dark] .intro-card p,[data-theme=dark] .offer-card p{color:#a8a29e}[data-theme=dark] .offer-number{color:#78716c}[data-theme=dark] .offer-link{color:var(--color-link)}[data-theme=dark] .contact-card,[data-theme=dark] .tile-card{background:#292524;border-color:#44403c}[data-theme=dark] .tile-card:hover{border-color:var(--color-primary)}[data-theme=dark] .tile-visual,[data-theme=dark] .tile-display-large,[data-theme=dark] .quiz-tile-large,[data-theme=dark] .quiz-tile-option,[data-theme=dark] .hand-tile,[data-theme=dark] .breakdown-tile{filter:brightness(1.6)contrast(.9)}[data-theme=dark] .tile-name{color:#d6d3d1}[data-theme=dark] .tile-category{color:#78716c}[data-theme=dark] .tile-modal-content{background:#292524;border-color:#44403c}[data-theme=dark] .tile-modal-body{color:#d6d3d1}[data-theme=dark] .tile-modal-info h2{color:#e7e5e4}[data-theme=dark] .tile-modal-close{color:#a8a29e}[data-theme=dark] .tile-modal-close:hover{color:#e7e5e4}[data-theme=dark] .tile-modal-visual{background:#1c1917}[data-theme=dark] .tile-detail-item{color:#d6d3d1}[data-theme=dark] .tile-detail-item strong{color:#a8a29e}[data-theme=dark] .tile-description{color:#d6d3d1}[data-theme=dark] .tile-usage{color:#d6d3d1;background:var(--color-accent-bg)}[data-theme=dark] .tile-usage h4{color:#e7e5e4}[data-theme=dark] .tile-usage li{color:#d6d3d1}[data-theme=dark] #tileSearch{color:#e7e5e4;background:#292524;border-color:#44403c}[data-theme=dark] .legend-card{color:#d6d3d1;background:#292524;border-color:#44403c}[data-theme=dark] .legend-card h3,[data-theme=dark] .legend-card strong{color:#e7e5e4}[data-theme=dark] .legend-card p{color:#a8a29e}[data-theme=dark] .terminology-box{background:var(--color-accent-bg);color:#d6d3d1}[data-theme=dark] .terminology-box h3,[data-theme=dark] .terminology-box strong{color:#e7e5e4}[data-theme=dark] .terminology-grid>div{color:#d6d3d1}[data-theme=dark] .tile-count{color:#a8a29e}[data-theme=dark] .hand-zone{background:#1c1917;border-color:#44403c}[data-theme=dark] .hand-tile{background:#292524;border-color:#44403c}[data-theme=dark] .hand-tile.empty{background:#1c1917}[data-theme=dark] .faq-question{color:#e7e5e4;background:#292524}[data-theme=dark] .faq-question h3{color:#e7e5e4}[data-theme=dark] .faq-answer{background:#1c1917}[data-theme=dark] .faq-answer p,[data-theme=dark] .faq-answer a{color:#d6d3d1}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{color:#e7e5e4;background:#292524;border-color:#44403c}[data-theme=dark] label{color:#d6d3d1}[data-theme=dark] .form-message.success{color:#86efac;background:#052e16;border-color:#16a34a}[data-theme=dark] .form-message.error{color:#fca5a5;background:#450a0a;border-color:#dc2626}[data-theme=dark] .learn-progress-bar{background:#ffffff26}[data-theme=dark] .learn-progress-text{color:#ffffffb3}[data-theme=dark] #google_translate_element{color:#e7e5e4}[data-theme=dark] #google_translate_element select{color:#e7e5e4;background:#292524;border-color:#44403c}.theme-toggle{cursor:pointer;color:var(--color-text);transition:color var(--transition), transform var(--transition);border-radius:var(--radius-full);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;font-size:1.25rem;line-height:1;display:flex}.theme-toggle:hover{color:var(--color-primary);transform:rotate(15deg)}.theme-toggle .icon-sun,.theme-toggle .icon-moon{display:none}:root .theme-toggle .icon-moon,[data-theme=light] .theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:inline}[data-theme=dark] .theme-toggle .icon-moon{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.25s;animation-timing-function:ease-in-out}::view-transition-new(root){animation-duration:.25s;animation-timing-function:ease-in-out}.navbar{view-transition-name:navbar}.footer{view-transition-name:footer}@supports (animation-timeline:scroll()){.hero-content{animation:linear both hero-parallax;animation-timeline:scroll();animation-range:0 400px}@keyframes hero-parallax{to{opacity:.4;transform:translateY(60px)}}}@keyframes pulse-subtle{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#toast-container{top:90px;right:var(--spacing-sm);z-index:10000;gap:var(--spacing-xs);pointer-events:none;flex-direction:column;max-width:380px;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--surface-elevated,#fff);border:1px solid var(--border-default,#e5e5e5);border-radius:var(--radius-md,12px);pointer-events:auto;opacity:0;transition:opacity .3s,transform .3s;display:flex;transform:translate(100%);box-shadow:0 8px 24px #0000001f}.toast-visible{opacity:1;transform:translate(0)}.toast-exit{opacity:0;transform:translate(100%)}.toast-badge{border-left:4px solid var(--color-accent-vivid,#fbbf24)}.toast-success{border-left:4px solid #10b981}.toast-info{border-left:4px solid var(--color-secondary,#2d4263)}.toast-icon{width:28px;height:28px;color:var(--color-accent-vivid,#fbbf24);flex-shrink:0}.toast-icon svg{width:28px;height:28px}.toast-body{flex-direction:column;flex:1;gap:2px;display:flex}.toast-title{color:var(--text-primary,#2c2c2c);font-family:Space Grotesk Variable,Space Grotesk,sans-serif;font-size:.9rem;font-weight:600}.toast-message{color:var(--text-secondary,#666);font-size:.8rem}.toast-close{cursor:pointer;color:var(--text-muted,#999);padding:0 var(--spacing-2xs);background:0 0;border:none;flex-shrink:0;font-size:1.2rem;line-height:1}.toast-close:hover{color:var(--text-primary,#2c2c2c)}.badge-gallery-grid{gap:var(--spacing-sm);padding:var(--spacing-sm) 0;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));display:grid}.badge-item{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-xs);border-radius:var(--radius-md,12px);border:1px solid var(--border-default,#e5e5e5);background:var(--surface-elevated,#fff);text-align:center;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.badge-item.earned{border-color:var(--color-accent-vivid,#fbbf24);box-shadow:0 2px 8px #fbbf2426}.badge-item.earned:hover{transform:translateY(-2px);box-shadow:0 4px 16px #fbbf2440}.badge-item.locked{opacity:.45;filter:grayscale()}.badge-icon{width:36px;height:36px;color:var(--color-accent-vivid,#fbbf24)}.badge-icon svg{width:36px;height:36px}.badge-item.locked .badge-icon{color:var(--text-muted,#999)}.badge-name{color:var(--text-primary,#2c2c2c);font-family:Space Grotesk Variable,Space Grotesk,sans-serif;font-size:.8rem;font-weight:600}.badge-check{color:#10b981;font-size:.75rem;font-weight:700;position:absolute;top:6px;right:8px}.badge-lock{color:var(--text-muted,#999);font-size:.75rem;font-weight:700;position:absolute;top:6px;right:8px}.badge-count{text-align:center;color:var(--text-secondary,#666);margin-top:var(--spacing-xs);font-size:.85rem}.badge-section{padding:var(--spacing-md) 0}.badge-section h3{color:var(--text-primary,#2c2c2c);margin-bottom:var(--spacing-xs);font-family:Space Grotesk Variable,Space Grotesk,sans-serif}@media (width<=768px){#toast-container{right:var(--spacing-xs);left:var(--spacing-xs);max-width:none}.badge-gallery-grid{gap:var(--spacing-xs);grid-template-columns:repeat(3,1fr)}.badge-item{padding:var(--spacing-sm) var(--spacing-xs)}.badge-name{font-size:.7rem}}.tile-inline{font-size:var(--tile-inline-font-size);vertical-align:middle;margin:0 2px;line-height:1;display:inline-block}.tile-sequence{gap:var(--tile-gap);padding:var(--spacing-sm) 0;flex-wrap:wrap;align-items:center;display:flex}.seq-tile{width:var(--tile-width);height:var(--tile-height);font-size:var(--tile-font-size);background:var(--surface-elevated,#fff);border:1px solid var(--border-default,#e5e5e5);border-radius:var(--radius-sm,8px);opacity:0;justify-content:center;align-items:center;transition:opacity .35s,transform .35s;display:inline-flex;transform:translateY(12px)scale(.8)}.seq-tile.seq-visible{opacity:1;transform:translateY(0)scale(1)}.seq-label{color:var(--text-secondary,#666);margin-left:var(--spacing-xs);font-size:.85rem;font-style:italic}.seq-plus{color:var(--text-muted,#999);font-size:1.2rem;font-weight:700}.seq-equals{color:var(--color-primary,#c84b31);font-size:1.2rem;font-weight:700}.set-example-tiles{gap:var(--tile-sm-gap);margin:var(--spacing-sm) 0;display:flex}.set-example-tiles .seq-tile{opacity:1;width:var(--tile-sm-width);height:var(--tile-sm-height);font-size:var(--tile-sm-font-size);transform:none}.discard-vignette{background:var(--surface-elevated,#fff);border:1px solid var(--border-default,#e5e5e5);border-radius:var(--radius-md,12px);padding:var(--spacing-md);margin:var(--spacing-md) 0}.discard-vignette h4{margin-bottom:var(--spacing-xs);color:var(--color-primary,#c84b31);font-family:Space Grotesk Variable,Space Grotesk,sans-serif}.vignette-prompt{color:var(--text-secondary,#666);margin-bottom:var(--spacing-sm);font-size:.95rem}.vignette-hand{gap:var(--tile-gap);margin-bottom:var(--spacing-sm);flex-wrap:wrap;display:flex}.vignette-tile{width:var(--tile-width);height:var(--tile-height);font-size:var(--tile-font-size);background:var(--surface-elevated,#fff);border:2px solid var(--border-default,#e5e5e5);border-radius:var(--radius-sm,8px);cursor:pointer;justify-content:center;align-items:center;transition:border-color .2s,transform .15s,background .2s;display:inline-flex}.vignette-tile:hover:not(:disabled){border-color:var(--color-primary,#c84b31);transform:translateY(-3px)}.vignette-tile:disabled{cursor:default;opacity:.7}.vignette-tile.correct{opacity:1;background:#10b9811a;border-color:#10b981}.vignette-tile.wrong{opacity:1;background:#ef44441a;border-color:#ef4444}.vignette-feedback{padding:var(--spacing-sm);border-radius:var(--radius-sm,8px);background:var(--color-gray-50,#fafaf9);border:1px solid var(--border-default,#e5e5e5);font-size:.9rem;display:none}.feedback-correct{color:#10b981;font-weight:600}.feedback-wrong{color:#ef4444;font-weight:600}@media (width<=768px){.seq-tile,.vignette-tile{width:80px;height:100px;font-size:3rem}.set-example-tiles .seq-tile{width:72px;height:88px;font-size:2.6rem}}:root{--color-primary:#c84b31;--color-primary-dark:#a83a23;--color-primary-light:#e36b4f;--color-secondary:#2d4263;--color-secondary-dark:#1a2942;--color-secondary-light:#3f5a82;--color-accent:#ecdbba;--color-accent-dark:#d4c29d;--color-text:#2c2c2c;--color-text-light:#666;--color-text-lighter:#999;--color-bg:#fff;--color-bg-alt:#f8f7f4;--color-bg-dark:#2d4263;--color-border:#e5e5e5;--color-shadow:#0000001a;--color-heading:var(--color-secondary-dark);--color-link:var(--color-primary);--color-accent-bg:var(--color-accent);--font-primary:"Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:"Space Grotesk Variable", "Space Grotesk", "Inter Variable", sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--container-max:1200px;--container-wide:1400px;--border-radius:12px;--transition:.3s ease}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-primary);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:16px;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);margin-top:0;margin-bottom:var(--spacing-sm);color:var(--color-heading);line-height:1.3}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}h4{font-size:1.25rem;font-weight:600}h5{font-size:1.1rem;font-weight:600}h6{font-size:1rem;font-weight:600}p{margin-top:0;margin-bottom:var(--spacing-sm)}.lead{color:var(--color-text-light);font-size:1.25rem;line-height:1.8}a{color:var(--color-primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--color-primary-dark)}.container{max-width:var(--container-max);padding:0 var(--spacing-md);margin:0 auto}.container-wide{max-width:var(--container-wide);padding:0 var(--spacing-md);margin:0 auto}.section{padding:var(--spacing-xl) 0}.alt-section{background:var(--color-bg-alt)}.text-center{text-align:center}.navbar{-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 3px var(--color-shadow);z-index:1000;transition:background var(--transition), box-shadow var(--transition);background:#ffffffd9;position:sticky;top:0}.nav-container{max-width:var(--container-wide);padding:0 var(--spacing-sm);justify-content:space-between;align-items:center;gap:var(--spacing-sm);height:70px;margin:0 auto;display:flex}.nav-logo{color:var(--color-heading);align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.logo-icon{font-size:1.5rem}.logo-text{font-family:var(--font-heading)}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:8px;display:none}.nav-toggle span{background:var(--color-secondary-dark);width:25px;height:3px;transition:var(--transition);display:block}.nav-menu{flex:1;justify-content:center;align-items:center;gap:1.2rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{color:var(--color-text);transition:color var(--transition);padding:.5rem 0;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-link.active:after{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light));border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.nav-dropdown{position:relative}.dropdown-menu{background:var(--color-bg);box-shadow:0 4px 20px var(--color-shadow);border-radius:var(--border-radius);padding:var(--spacing-xs);opacity:0;visibility:hidden;min-width:200px;transition:all var(--transition);margin:0;list-style:none;position:absolute;top:100%;left:0;transform:translateY(-10px)}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{margin:0}.dropdown-menu a{padding:var(--spacing-xs) var(--spacing-sm);color:var(--color-text);transition:background var(--transition);border-radius:4px;display:block}.dropdown-menu a:hover{background:var(--color-bg-alt);color:var(--color-primary)}.btn{text-align:center;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition);font-size:1rem;font-weight:600;font-family:var(--font-primary);border:2px solid #0000;padding:.75rem 1.5rem;text-decoration:none;display:inline-block}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #c84b314d}.btn-secondary{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.btn-secondary:hover{background:var(--color-secondary-dark);border-color:var(--color-secondary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #2d42634d}.btn-outline{color:var(--color-primary);border-color:var(--color-primary);background:0 0}.btn-outline:hover{background:var(--color-primary);color:#fff}.btn-sm{padding:.5rem 1rem;font-size:.9rem}.btn-lg{padding:1rem 2rem;font-size:1.1rem}.hero{background:linear-gradient(135deg, var(--color-secondary) 0%, var(--color-secondary-light) 100%);color:#fff;justify-content:center;align-items:center;min-height:600px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";opacity:.5;background-image:repeating-linear-gradient(45deg,#0000,#0000 35px,#ffffff08 35px 70px);position:absolute;inset:0}.hero-overlay{background:radial-gradient(circle at 100% 0,#c84b311a,#0000);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;max-width:800px;padding:var(--spacing-lg) var(--spacing-md);position:relative}.hero-title{margin-bottom:var(--spacing-sm);color:#fff;text-shadow:2px 2px 4px #0003;font-size:3.5rem}.hero-subtitle{margin-bottom:var(--spacing-sm);color:var(--color-accent);font-size:1.5rem}.hero-description{margin-bottom:var(--spacing-md);color:#ffffffe6;font-size:1.1rem}.hero-cta{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;display:flex}.hero-scroll{text-align:center;color:#ffffffb3;font-size:.9rem;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.scroll-indicator{background:#ffffff4d;width:2px;height:40px;margin:10px auto 0;position:relative;overflow:hidden}.scroll-indicator:after{content:"";background:#fffc;width:100%;height:50%;animation:2s ease-in-out infinite scrollDown;position:absolute;top:0;left:0}@keyframes scrollDown{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}.page-header{background:linear-gradient(135deg, var(--color-secondary) 0%, var(--color-secondary-light) 100%);color:#fff;padding:var(--spacing-lg) 0;text-align:center}.page-header h1{color:#fff;margin-bottom:var(--spacing-xs)}.page-header p{color:var(--color-accent);margin:0;font-size:1.2rem}.section-header{text-align:center;margin-bottom:var(--spacing-lg)}.section-title{margin-bottom:var(--spacing-sm);font-size:2.5rem}.section-subtitle{color:var(--color-text-light);font-size:1.2rem}.intro-grid,.offers-grid,.testimonials-grid,.info-grid,.tips-grid,.resources-grid{gap:var(--spacing-md);margin-top:var(--spacing-md);display:grid}.intro-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.offers-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-grid,.tips-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.resources-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.intro-card,.offer-card,.testimonial-card,.info-card,.tip-card,.resource-card{background:var(--color-bg);border-radius:var(--border-radius);padding:var(--spacing-md);box-shadow:0 1px 3px var(--color-shadow), 0 4px 12px #0000000a;border:1px solid var(--color-border);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition)}.intro-card:hover,.offer-card:hover,.tip-card:hover,.resource-card:hover{border-color:var(--color-primary-light);transform:translateY(-4px);box-shadow:0 8px 25px #00000014,0 2px 8px #0000000a}.intro-icon{width:60px;height:60px;margin-bottom:var(--spacing-sm);color:var(--color-primary)}.intro-icon svg{width:100%;height:100%}.intro-card h3{margin-bottom:var(--spacing-xs);color:var(--color-heading)}.intro-card p{color:var(--color-text-light);margin:0}.offer-number{color:var(--color-accent-dark);margin-bottom:var(--spacing-sm);font-size:2.5rem;font-weight:700}.offer-card h3{margin-bottom:var(--spacing-sm)}.offer-link{margin-top:var(--spacing-sm);color:var(--color-primary);transition:transform var(--transition);font-weight:600;display:inline-block}.offer-link:hover{transform:translate(5px)}.testimonial-card{padding-top:var(--spacing-lg);position:relative}.testimonial-quote{top:var(--spacing-sm);left:var(--spacing-md);color:var(--color-accent-dark);font-size:5rem;font-family:var(--font-heading);opacity:.3;line-height:1;position:absolute}.testimonial-text{margin-bottom:var(--spacing-md);color:var(--color-text);font-style:italic}.testimonial-author{flex-direction:column;gap:.25rem;display:flex}.testimonial-author strong{color:var(--color-heading)}.testimonial-author span{color:var(--color-text-light);font-size:.9rem}.cta-section{background:var(--color-secondary-dark);color:#fff}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-content h2{color:#fff;margin-bottom:var(--spacing-sm);font-size:2.5rem}.cta-content p{margin-bottom:var(--spacing-md);color:#ffffffe6;font-size:1.2rem}.cta-buttons{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;display:flex}.content-layout{gap:var(--spacing-lg);margin-top:var(--spacing-md);grid-template-columns:1fr 350px;display:grid}.content-main h2{margin-top:var(--spacing-lg)}.content-main h2:first-child{margin-top:0}.content-sidebar{gap:var(--spacing-md);flex-direction:column;display:flex}.info-box{background:var(--color-bg-alt);border:2px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-md)}.info-box h3{margin-top:0;margin-bottom:var(--spacing-sm);color:var(--color-heading)}.info-box dl{margin:0}.info-box dt{color:var(--color-text);margin-top:var(--spacing-sm);font-weight:600}.info-box dt:first-child{margin-top:0}.info-box dd{margin:0 0 var(--spacing-sm) 0;color:var(--color-text-light)}.features-list{gap:var(--spacing-md);margin-top:var(--spacing-md);display:grid}.feature-item{background:var(--color-bg-alt);padding:var(--spacing-md);border-radius:var(--border-radius);border-left:4px solid var(--color-primary)}.feature-item h3{margin-top:0;margin-bottom:var(--spacing-xs);color:var(--color-heading)}.feature-item p{color:var(--color-text-light);margin:0}.steps-grid{gap:var(--spacing-md);margin:var(--spacing-lg) 0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.step-card{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-md);text-align:center;transition:border-color var(--transition)}.step-card:hover{border-color:var(--color-primary)}.step-number{background:var(--color-primary);color:#fff;width:50px;height:50px;margin-bottom:var(--spacing-sm);border-radius:50%;font-size:1.5rem;font-weight:700;line-height:50px;display:inline-block}.step-card h3{margin-bottom:var(--spacing-sm)}.join-info,.tutorial-box,.mistakes-box{background:var(--color-bg-alt);border:2px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-md);margin-top:var(--spacing-md)}.join-info h3,.tutorial-box h3,.mistakes-box h3{color:var(--color-heading);margin-top:0}.join-info ul,.tutorial-box ul,.mistakes-box ul{margin:var(--spacing-sm) 0;padding-left:1.5rem}.join-info li,.tutorial-box li,.mistakes-box li{margin-bottom:var(--spacing-xs);color:var(--color-text)}.contact-options{justify-content:center;gap:var(--spacing-md);margin:var(--spacing-md) 0;flex-wrap:wrap;display:flex}.contact-button{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-alt);border:2px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);transition:all var(--transition);display:flex}.contact-button:hover{border-color:var(--color-primary);background:var(--surface-elevated)}.contact-button svg{width:24px;height:24px;color:var(--color-primary)}.footer{background:var(--color-secondary-dark);color:#fffc;padding:var(--spacing-lg) 0 var(--spacing-md)}.footer-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.footer-col h4{color:#fff;margin-bottom:var(--spacing-sm);font-size:1.1rem}.footer-col ul{margin:0;padding:0;list-style:none}.footer-col li{margin-bottom:var(--spacing-xs)}.footer-col a{color:#ffffffb3;transition:color var(--transition)}.footer-col a:hover{color:var(--color-accent)}.footer-bottom{text-align:center;padding-top:var(--spacing-md);color:#fff9;border-top:1px solid #ffffff1a}.tiles-guide,.gameplay-steps,.scoring-guide{margin-top:var(--spacing-md)}.tile-group{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg);border-radius:var(--border-radius)}.tile-suit{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-alt);border-radius:var(--border-radius)}.tile-suit h4{color:var(--color-heading);margin-bottom:var(--spacing-xs)}.tile-display{padding:var(--spacing-sm);background:var(--surface-elevated);border:2px solid var(--color-border);margin:var(--spacing-sm) 0;text-align:center;border-radius:4px}.tile-example{color:var(--color-primary);font-weight:600}.step-detail{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-alt);border-radius:var(--border-radius)}.step-badge{background:var(--color-primary);color:#fff;margin-bottom:var(--spacing-sm);border-radius:20px;padding:.25rem .75rem;font-size:.9rem;font-weight:600;display:inline-block}.step-detail h3{margin-top:var(--spacing-xs)}.set-types{gap:var(--spacing-md);margin-top:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.set-type{background:var(--surface-elevated);padding:var(--spacing-md);border-radius:var(--border-radius);border:2px solid var(--color-border)}.set-type h4{color:var(--color-heading);margin-bottom:var(--spacing-xs)}.set-type .example{color:var(--color-primary);margin:var(--spacing-xs) 0;font-style:italic}.scoring-patterns{gap:var(--spacing-md);margin:var(--spacing-md) 0;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.pattern-card{background:var(--surface-elevated);padding:var(--spacing-md);border-radius:var(--border-radius);border:2px solid var(--color-border);text-align:center}.pattern-card h4{margin-bottom:var(--spacing-xs)}.pattern-card .points{color:var(--color-primary);margin:var(--spacing-xs) 0;font-size:1.5rem;font-weight:700;display:block}.comparison-table-wrapper{margin:var(--spacing-md) 0;overflow-x:auto}.comparison-table{border-collapse:collapse;background:var(--surface-elevated);width:100%;min-width:800px}.comparison-table thead{background:var(--color-secondary-dark);color:#fff}.comparison-table th,.comparison-table td{padding:var(--spacing-sm);text-align:left;border:1px solid var(--color-border)}.comparison-table th{font-weight:600}.comparison-table tbody tr:nth-child(2n){background:var(--color-bg-alt)}.comparison-table tbody tr:hover{background:#c84b310d}.decision-guide{gap:var(--spacing-md);margin-top:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.decision-card{background:var(--surface-elevated);padding:var(--spacing-md);border-radius:var(--border-radius);box-shadow:0 2px 10px var(--color-shadow);border-top:4px solid var(--color-primary)}.decision-card h3{color:var(--color-heading);margin-top:0}.decision-card ul{margin:var(--spacing-sm) 0;padding-left:1.5rem}.decision-card li{margin-bottom:var(--spacing-xs);color:var(--color-text)}.decision-verdict{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-bg-alt);border-left:3px solid var(--color-primary);border-radius:4px}.variant-overview{background:var(--color-bg-alt);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-md)}.variant-overview h3{margin-top:0}.rules-list{gap:var(--spacing-md);flex-direction:column;display:flex}.rule-item{background:var(--surface-elevated);padding:var(--spacing-md);border-radius:var(--border-radius);border-left:4px solid var(--color-primary)}.rule-item h4{color:var(--color-heading);margin-top:0}.rule-item ul{margin:var(--spacing-xs) 0;padding-left:1.5rem}.contact-layout{gap:var(--spacing-lg);margin-top:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.contact-form-container{background:var(--surface-elevated);padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:0 2px 10px var(--color-shadow)}.contact-form-container h2{margin-top:0}.contact-form{margin-top:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{margin-bottom:var(--spacing-xs);color:var(--color-text);font-weight:600;display:block}.form-group input,.form-group textarea{border:2px solid var(--color-border);border-radius:var(--border-radius);width:100%;font-family:var(--font-primary);transition:border-color var(--transition);padding:.75rem;font-size:1rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);outline:none}.contact-details{gap:var(--spacing-md);flex-direction:column;display:flex}.contact-card{background:var(--surface-elevated);padding:var(--spacing-md);border-radius:var(--border-radius);box-shadow:0 2px 10px var(--color-shadow);text-align:center}.contact-icon{width:50px;height:50px;margin:0 auto var(--spacing-sm);color:var(--color-primary)}.contact-icon svg{width:100%;height:100%}.contact-card h3{margin-bottom:var(--spacing-xs)}.text-muted{color:var(--color-text-light);font-size:.9rem}.coming-soon-content{text-align:center;max-width:800px;padding:var(--spacing-xl) 0;margin:0 auto}.coming-soon-icon{width:100px;height:100px;margin:0 auto var(--spacing-md);color:var(--color-primary)}.coming-soon-icon svg{width:100%;height:100%}.coming-soon-content h2{margin-bottom:var(--spacing-sm);color:var(--color-heading);font-size:2.5rem}.coming-soon-features{margin:var(--spacing-lg) 0;text-align:left}.coming-soon-features h3{text-align:center;margin-bottom:var(--spacing-md)}.coming-soon-cta{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg-alt);border-radius:var(--border-radius)}.coming-soon-cta h3{margin-bottom:var(--spacing-sm)}.accordion-item{transition:all var(--transition)}.accordion-question{transition:color var(--transition);padding-right:2rem;position:relative}.accordion-question:hover{color:var(--color-primary)}.accordion-arrow{transition:transform var(--transition);font-size:.8rem;position:absolute;right:0}.accordion-item.active .accordion-arrow{transform:rotate(180deg)}.accordion-answer{margin-top:var(--spacing-xs);animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reveal-on-scroll{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(30px)}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}.tabs-container{margin:var(--spacing-md) 0}.tabs{gap:var(--spacing-xs);border-bottom:2px solid var(--color-border);flex-wrap:wrap;display:flex}.tab-btn{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text);cursor:pointer;transition:all var(--transition);font-size:1rem;font-weight:600;font-family:var(--font-primary);background:0 0;border:none;border-bottom:3px solid #0000}.tab-btn:hover{color:var(--color-primary);background:var(--color-bg-alt)}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.collapsible-header{cursor:pointer;-webkit-user-select:none;user-select:none}.collapsible-header:after{content:" ▼";transition:transform var(--transition);font-size:.8rem}.collapsible-header.expanded:after{transform:rotate(180deg)}.collapsible-content{max-height:0;transition:max-height .3s;overflow:hidden}.collapsible-content.expanded{max-height:2000px}.learn-progress{margin-top:var(--spacing-sm);max-width:400px;margin-left:auto;margin-right:auto}.learn-progress-bar{background:#fff3;border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden}.learn-progress-fill{background:linear-gradient(90deg,#10b981,#34d399);border-radius:3px;height:100%;transition:width .4s}.learn-progress-text{opacity:.8;font-size:.85rem}.section-complete-btn{margin-top:var(--spacing-md);border:2px solid var(--color-primary);border-radius:var(--border-radius);color:var(--color-primary);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition);background:0 0;padding:.6rem 1.5rem;font-size:.9rem;font-weight:600;display:inline-block}.section-complete-btn:hover{background:var(--color-primary);color:#fff}.section-complete-btn.completed{color:#fff;background:#10b981;border-color:#10b981}.section-complete-btn.completed:hover{background:#059669;border-color:#059669}@media (width<=968px){.content-layout{grid-template-columns:1fr}.content-sidebar{order:-1}}@media (width<=768px){:root{--spacing-lg:3rem;--spacing-xl:4rem}.contact-layout{grid-template-columns:1fr}.nav-toggle{display:flex}.nav-menu{background:var(--color-bg);width:100%;height:calc(100dvh - 70px);padding:var(--spacing-md);box-shadow:0 4px 10px var(--color-shadow);transition:transform var(--transition);will-change:transform;flex-direction:column;position:fixed;top:70px;left:0;overflow-y:auto;transform:translate(-100%)}.nav-menu.active{transform:translate(0)}.nav-dropdown .dropdown-menu{opacity:1;visibility:visible;box-shadow:none;margin-top:var(--spacing-xs);background:var(--color-bg-alt);position:static;transform:none}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.section-title,h1{font-size:2rem}h2{font-size:1.75rem}.hero-cta,.cta-buttons{flex-direction:column}.btn{width:100%}}@media (width<=480px){:root{--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:3rem}.hero-title{font-size:2rem}.hero{min-height:500px}.intro-grid,.offers-grid,.testimonials-grid,.tips-grid,.resources-grid{grid-template-columns:1fr}}#google_translate_element{align-items:center;display:inline-flex}#google_translate_element .goog-te-gadget{font-family:var(--font-primary);font-size:13px}#google_translate_element .goog-te-gadget-simple{background-color:var(--surface-elevated);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:13px;transition:all .3s}#google_translate_element .goog-te-gadget-simple:hover{background-color:var(--color-bg-alt);border-color:var(--color-primary)}#google_translate_element .goog-te-gadget-icon{margin-right:4px}body{top:0!important}.goog-te-balloon-frame{display:none!important}body.translated-ltr,body.translated-rtl{margin-top:0!important;top:0!important}html body{position:relative!important;top:0!important}html{margin-top:0!important}@media (width<=768px){#google_translate_element{width:100%;margin-top:10px;margin-left:0!important}#google_translate_element .goog-te-gadget-simple{width:100%;display:block}}@media print{.navbar,.hero-scroll,.nav-toggle,.cta-section,.footer,#google_translate_element{display:none}body{font-size:12pt}a{text-decoration:underline}}.faq-grid{gap:1rem;display:grid}.faq-item{background:var(--surface-elevated);border:1px solid var(--color-border);border-radius:var(--border-radius);transition:all var(--transition);overflow:hidden}.faq-item:hover{box-shadow:0 4px 12px var(--color-shadow)}.faq-question{text-align:left;cursor:pointer;width:100%;transition:background var(--transition);background:0 0;border:none;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.5rem;display:flex;position:relative}.faq-question:hover{background:var(--color-bg-alt)}.faq-question h3{color:var(--color-text);flex:1;margin:0;font-size:1.1rem;font-weight:600;list-style:none}.faq-question h3:before,.faq-question h3:after,.faq-question:before,.faq-question:after{content:none!important;display:none!important}.faq-icon{color:var(--color-primary);text-align:center;min-width:24px;transition:transform var(--transition);font-size:1.5rem;font-weight:700}.faq-item.active .faq-icon{transform:rotate(45deg)}.faq-answer{max-height:0;padding:0 1.5rem;transition:max-height .4s,padding .4s;overflow:hidden}.faq-item.active .faq-answer{max-height:1000px;padding:0 1.5rem 1.5rem}.faq-answer p{color:var(--color-text-light);margin:0;line-height:1.6}.faq-answer a{color:var(--color-primary);text-decoration:none}.faq-answer a:hover{text-decoration:underline}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}