@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--color-primary:#1a6b4a;--color-primary-light:#238c62;--color-primary-dark:#12513a;--color-primary-50:#f0faf5;--color-primary-100:#d6f2e4;--color-primary-200:#a8e4c6;--color-accent:#e8723a;--color-accent-light:#f0945e;--color-accent-dark:#c45f2e;--color-surface:#fff;--color-surface-raised:#f8f9fa;--color-surface-sunken:#f1f3f5;--color-surface-overlay:#fffffff2;--color-text-primary:#1a1a2e;--color-text-secondary:#555770;--color-text-tertiary:#8e90a6;--color-text-inverse:#fff;--color-text-on-primary:#fff;--color-border:#e2e4e9;--color-border-light:#f0f1f4;--color-success:#22a867;--color-error:#e5484d;--color-warning:#f5a623;--color-info:#3b82f6;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000f, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #0000000f, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--transition-spring:.5s cubic-bezier(.34, 1.56, .64, 1);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1200px;--z-dropdown:100;--z-sticky:200;--z-modal:300;--z-toast:400}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}img,video,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:var(--leading-tight);color:var(--color-text-primary)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}@media (min-width:768px){h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}}p{line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.container{width:100%;max-width:var(--container-xl);padding-inline:var(--space-4);margin-inline:auto}@media (min-width:768px){.container{padding-inline:var(--space-8)}}.page-wrapper{flex-direction:column;min-height:100dvh;display:flex}.page-content{flex:1}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-lg);transition:all var(--transition-base);white-space:nowrap;line-height:1;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";pointer-events:none;background:linear-gradient(#ffffff1f 0%,#0000 50%);position:absolute;inset:0}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-sm), 0 0 0 0 #1a6b4a00}.btn-primary:hover{background-color:var(--color-primary-light);box-shadow:var(--shadow-md), 0 0 0 4px #1a6b4a1f;transform:translateY(-1px)}.btn-accent{background-color:var(--color-accent);color:var(--color-text-inverse);box-shadow:var(--shadow-sm)}.btn-accent:hover{background-color:var(--color-accent-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{color:var(--color-primary);border:1.5px solid var(--color-primary);background-color:#0000}.btn-outline:hover{background-color:var(--color-primary-50)}.btn-ghost{color:var(--color-text-secondary);background-color:#0000}.btn-ghost:hover{background-color:var(--color-surface-sunken);color:var(--color-text-primary)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-xl)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-full{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-border-light);transform:translateY(-2px)}.card-body{padding:var(--space-5)}@media (min-width:768px){.card-body{padding:var(--space-6)}}.card-image{aspect-ratio:16/10;object-fit:cover;width:100%}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.form-label .required{color:var(--color-error);margin-left:var(--space-1)}.form-input{padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);color:var(--color-text-primary);transition:all var(--transition-fast);outline:none}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a6b4a1a}.form-input::placeholder{color:var(--color-text-tertiary)}.form-input-error{border-color:var(--color-error)}.form-input-error:focus{box-shadow:0 0 0 3px #e5484d1a}.form-error{font-size:var(--text-xs);color:var(--color-error)}.form-hint{font-size:var(--text-xs);color:var(--color-text-tertiary)}.badge{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-full);align-items:center;font-weight:600;line-height:1.4;display:inline-flex}.badge-primary{background-color:var(--color-primary-100);color:var(--color-primary-dark)}.badge-accent{color:var(--color-accent-dark);background-color:#fef3ec}.badge-success{color:#166534;background-color:#ecfdf3}.badge-error{color:#991b1b;background-color:#fef2f2}.navbar{z-index:var(--z-sticky);background-color:var(--color-surface-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-light);padding:var(--space-3) 0;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.navbar-logo{font-family:var(--font-display);font-weight:800;font-size:var(--text-xl);color:var(--color-primary);align-items:center;gap:var(--space-2);display:flex}.navbar-logo span{color:var(--color-accent)}.navbar-nav{align-items:center;gap:var(--space-6);display:flex}.desktop-nav{display:none}@media (min-width:768px){.desktop-nav{align-items:center;gap:var(--space-6);display:flex}}.mobile-controls{align-items:center;gap:var(--space-2);display:flex}@media (min-width:768px){.mobile-controls{display:none}}.navbar-hamburger{background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-lg);padding:var(--space-2) var(--space-3);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;line-height:1;display:flex}.navbar-hamburger:hover{background-color:var(--color-primary-50);border-color:var(--color-primary);color:var(--color-primary)}.mobile-menu{background-color:var(--color-surface);border-bottom:1.5px solid var(--color-border);padding:var(--space-4) 0;z-index:999;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 25px -5px #0000001a}.mobile-menu-inner{gap:var(--space-2);flex-direction:column;display:flex}.mobile-nav-link{font-size:var(--text-base);color:var(--color-text-primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);transition:background-color var(--transition-fast);align-items:center;gap:var(--space-3);font-weight:600;text-decoration:none;display:flex}.mobile-nav-link:hover,.mobile-nav-link:active{background-color:var(--color-primary-50);color:var(--color-primary)}.navbar-link{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast);font-weight:500;position:relative}.navbar-link:hover{color:var(--color-primary)}.navbar-link:after{content:"";background-color:var(--color-primary);width:0;height:2px;transition:width var(--transition-base);border-radius:var(--radius-full);position:absolute;bottom:-4px;left:0}.navbar-link:hover:after{width:100%}.footer{background-color:var(--color-surface-sunken);border-top:1px solid var(--color-border-light);padding:var(--space-12) 0 var(--space-8);margin-top:auto}.footer-inner{gap:var(--space-8);flex-direction:column;display:flex}@media (min-width:768px){.footer-inner{flex-direction:row;justify-content:space-between}}.footer-brand{max-width:300px}.footer-brand p{font-size:var(--text-sm);margin-top:var(--space-3)}.footer-links h4{font-size:var(--text-sm);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);font-weight:600}.footer-links a{font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--space-1) 0;transition:color var(--transition-fast);display:block}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{padding-top:var(--space-6);border-top:1px solid var(--color-border);font-size:var(--text-xs);color:var(--color-text-tertiary);text-align:center}.hero{padding:var(--space-16) 0;position:relative;overflow:hidden}@media (min-width:768px){.hero{padding:var(--space-24) 0}}.hero-content{z-index:1;max-width:640px;position:relative}.hero-eyebrow{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-primary);margin-bottom:var(--space-4);letter-spacing:.02em;font-weight:600;display:inline-flex}.hero-title{font-size:var(--text-4xl);margin-bottom:var(--space-4);background:linear-gradient(135deg, var(--color-text-primary) 0%, var(--color-primary-dark) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}@media (min-width:768px){.hero-title{font-size:var(--text-5xl)}}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:520px}.hero-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}@media (max-width:640px){.hero{padding:var(--space-10) 0 var(--space-12) 0}.hero-title{font-size:var(--text-3xl);line-height:1.15}.hero-subtitle{font-size:var(--text-base);margin-bottom:var(--space-6)}.hero-actions{gap:var(--space-3);flex-direction:column}.hero-actions .btn{width:100%}.section{padding:var(--space-12) 0}}.game-container{max-width:var(--container-sm);padding:var(--space-4);flex-direction:column;min-height:100dvh;margin-inline:auto;display:flex}.game-header{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light);margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.game-timer{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-primary);font-variant-numeric:tabular-nums;font-weight:700}.game-progress{font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:600}.game-task{gap:var(--space-5);flex-direction:column;flex:1;display:flex}.game-directions{background-color:var(--color-primary-50);border-left:3px solid var(--color-primary);padding:var(--space-4);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.game-question{font-size:var(--text-lg);color:var(--color-text-primary);font-weight:500;line-height:var(--leading-relaxed)}.game-images{gap:var(--space-2);display:grid}.game-images img{border-radius:var(--radius-lg);border:1px solid var(--color-border-light);width:100%}.game-answer-section{padding-top:var(--space-4);gap:var(--space-3);flex-direction:column;margin-top:auto;display:flex}.game-answer-row{gap:var(--space-2);display:flex}.game-answer-row .form-input{flex:1}.game-feedback{padding:var(--space-4);border-radius:var(--radius-lg);text-align:center;animation:slideUp .3s var(--transition-spring);font-weight:500}.game-feedback-correct{color:#166534;background-color:#ecfdf3;border:1px solid #bbf7d0}.game-feedback-incorrect{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca}.game-hint-section{gap:var(--space-2);flex-direction:column;display:flex}.game-hint-btn{font-size:var(--text-sm);color:var(--color-text-tertiary);padding:var(--space-2);text-align:left}.game-hint-btn:hover{color:var(--color-accent)}.game-hint-content{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:#92400e;background-color:#fffbeb;border:1px solid #fde68a;animation:.3s ease-out slideUp}.game-hint-penalty{font-size:var(--text-xs);color:var(--color-error);font-weight:500}.game-start{text-align:center;justify-content:center;align-items:center;gap:var(--space-6);flex-direction:column;min-height:80dvh;display:flex}.game-start-title{font-size:var(--text-3xl);font-weight:800}.game-start-team{font-size:var(--text-lg);color:var(--color-text-secondary)}.game-start-btn{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff;width:120px;height:120px;font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:.1em;transition:all var(--transition-base);border-radius:50%;font-weight:800;animation:2s infinite pulse;box-shadow:0 8px 32px #1a6b4a4d}.game-start-btn:hover{transform:scale(1.05);box-shadow:0 12px 40px #1a6b4a66}.game-end{text-align:center;justify-content:center;align-items:center;gap:var(--space-6);flex-direction:column;min-height:80dvh;display:flex}.game-end-title{font-size:var(--text-3xl);color:var(--color-primary);font-weight:800}.game-end-stats{gap:var(--space-4);grid-template-columns:repeat(2,1fr);width:100%;max-width:360px;display:grid}.game-end-stat{background-color:var(--color-surface-sunken);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.game-end-stat-value{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);font-weight:700}.game-end-stat-label{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-1)}.leaderboard-table{border-collapse:separate;border-spacing:0;width:100%}.leaderboard-table th{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-3) var(--space-4);text-align:left;border-bottom:2px solid var(--color-border);font-weight:600}.leaderboard-table td{font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light)}.leaderboard-table tr:hover td{background-color:var(--color-surface-sunken)}.leaderboard-highlight td{font-weight:600;background-color:var(--color-primary-50)!important}.leaderboard-rank{font-family:var(--font-display);width:40px;font-weight:700}.leaderboard-rank-1{color:#d4a017}.leaderboard-rank-2{color:#8a8a8a}.leaderboard-rank-3{color:#b87333}.checkout-layout{gap:var(--space-8);display:grid}@media (min-width:768px){.checkout-layout{grid-template-columns:1fr 380px}}.checkout-summary{background-color:var(--color-surface-sunken);border-radius:var(--radius-xl);padding:var(--space-6);align-self:start;position:sticky;top:80px}.checkout-summary-row{padding:var(--space-2) 0;font-size:var(--text-sm);justify-content:space-between;display:flex}.section{padding:var(--space-16) 0}@media (min-width:768px){.section{padding:var(--space-20) 0}}.section-header{text-align:center;max-width:600px;margin-inline:auto;margin-bottom:var(--space-10)}.section-header p{margin-top:var(--space-3)}.steps{gap:var(--space-6);display:grid}@media (min-width:768px){.steps{gap:var(--space-8);grid-template-columns:repeat(3,1fr)}}.step{text-align:center;padding:var(--space-6)}.step-number{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);color:#fff;width:48px;height:48px;font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);margin-bottom:var(--space-4);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.step h3{margin-bottom:var(--space-2)}.step p{font-size:var(--text-sm)}.tour-grid{gap:var(--space-6);display:grid}@media (min-width:640px){.tour-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.tour-grid{grid-template-columns:repeat(3,1fr)}}.tour-card-meta{gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.tour-card-title{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:700}.tour-card-desc{font-size:var(--text-sm);color:var(--color-text-secondary);-webkit-line-clamp:2;margin-bottom:var(--space-4);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tour-card-footer{padding-top:var(--space-3);border-top:1px solid var(--color-border-light);justify-content:space-between;align-items:center;display:flex}.tour-card-price{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-primary);font-weight:700}.tour-card-price span{font-size:var(--text-xs);color:var(--color-text-tertiary);font-weight:400}.lang-switch{background-color:var(--color-surface-sunken);border-radius:var(--radius-full);padding:2px;display:flex}.lang-switch-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-full);transition:all var(--transition-fast);color:var(--color-text-tertiary);font-weight:600}.lang-switch-btn.active{background-color:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-xs)}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{box-shadow:0 8px 32px #1a6b4a4d}50%{box-shadow:0 8px 48px #1a6b4a80}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:.5s ease-out fadeIn}.animate-slide-up{animation:.5s ease-out slideUp}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.text-center{text-align:center}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.font-bold{font-weight:700}.mt-auto{margin-top:auto}.checkout-layout{gap:var(--space-8);grid-template-columns:1fr;width:100%;display:grid}@media (min-width:860px){.checkout-layout{gap:var(--space-10);grid-template-columns:1fr 360px}}.checkout-summary{background-color:var(--color-surface-sunken);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);padding:var(--space-6);box-sizing:border-box;width:100%}@media (min-width:860px){.checkout-summary{position:sticky;top:90px}}.checkout-summary-row{padding:var(--space-2) 0;font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.checkout-summary-total{border-top:1.5px solid var(--color-border);margin-top:var(--space-3);padding-top:var(--space-3);font-weight:700;font-size:var(--text-base)}.form-grid-2col{gap:var(--space-4);grid-template-columns:1fr;width:100%;display:grid}@media (min-width:600px){.form-grid-2col{grid-template-columns:1fr 1fr}}