@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Outfit:wght@400;600;800;900&display=swap";:root{--font-heading:"Fredoka", "Outfit", system-ui, sans-serif;--font-body:"Outfit", system-ui, sans-serif;--bg-main:#fdfbf7;--bg-card:#fff;--bg-card-hover:#fff9f2;--text-dark:#2d2320;--text-muted:#6b5e59;--text-white:#fff;--pastel-coral:#ff8a7a;--pastel-yellow:#ffd166;--pastel-green:#06d6a0;--pastel-blue:#4ea8de;--pastel-purple:#b5179e;--pastel-pink:#ff85a1;--radius-xl:36px;--radius-lg:28px;--radius-md:20px;--radius-sm:14px;--soft-border:#2d232014;--soft-shadow:0 12px 32px #2d232014;--soft-shadow-hover:0 18px 40px #2d23201f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-dark);background-image:radial-gradient(circle at 10% 15%,#ffe4e6 0%,#0000 45%),radial-gradient(circle at 90% 85%,#e0f2fe 0%,#0000 45%),radial-gradient(circle,#fef3c7 0%,#0000 55%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}.app-root{flex-direction:column;min-height:100vh;display:flex}button{font-family:var(--font-heading);cursor:pointer;border:none;outline:none;transition:all .25s cubic-bezier(.34,1.56,.64,1)}button:active{transform:scale(.96)!important}.btn-icon-text{color:var(--text-dark);border-radius:var(--radius-md);border:2px solid var(--soft-border);background:#fff;align-items:center;gap:10px;padding:12px 22px;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 14px #0000000d}.btn-icon-text:hover{background:#fff9f2;transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.catalog-container{width:100%;max-width:1200px;margin:0 auto;padding:40px 24px}.hero-header{border-radius:var(--radius-xl);box-shadow:var(--soft-shadow);background:linear-gradient(135deg,#fffdf9 0%,#f5f7f2 100%);border:3px solid #fff;justify-content:space-between;align-items:center;min-height:220px;margin-bottom:36px;padding:48px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;max-width:60%;position:relative}.hero-action{z-index:10;position:absolute;top:32px;right:48px}.party-badge{color:#4e7d58;font-family:var(--font-heading);background:#eaf6ec;border:1px solid #4e7d5826;border-radius:30px;align-items:center;gap:8px;margin-bottom:14px;padding:8px 18px;font-size:.9rem;font-weight:700;display:inline-flex}.hero-title{font-family:var(--font-heading);color:#4a3b32;letter-spacing:-.5px;margin:8px 0 4px;font-size:3rem;font-weight:700}.hero-subtitle{color:#8a7e72;max-width:620px;font-size:1.05rem;line-height:1.5}.filters-section{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:36px;display:flex}.search-bar{border:2px solid var(--soft-border);border-radius:var(--radius-md);background:#fff;align-items:center;width:100%;max-width:400px;padding:14px 22px;display:flex;box-shadow:0 4px 16px #00000008}.search-bar input{color:var(--text-dark);font-family:var(--font-body);background:0 0;border:none;outline:none;width:100%;margin-left:12px;font-size:1.05rem}.search-bar input::placeholder{color:#a89f9b}.search-icon{color:var(--text-muted)}.category-tabs{scrollbar-width:none;-ms-overflow-style:none;gap:12px;max-width:100%;padding:4px 4px 12px;display:flex;overflow-x:auto}.category-tabs::-webkit-scrollbar{display:none}.tab-btn{color:var(--text-muted);border:2px solid var(--soft-border);background:#fff;border-radius:30px;flex-shrink:0;padding:12px 24px;font-size:1rem;font-weight:700;box-shadow:0 4px 12px #00000008}.tab-btn.active,.tab-btn:hover{background:var(--pastel-blue);color:#fff;border-color:var(--pastel-blue);box-shadow:0 6px 16px #4ea8de59}.games-grid{grid-template-columns:repeat(auto-fill,minmax(460px,1fr));gap:28px;display:grid}.game-card{background:var(--bg-card);border-radius:var(--radius-xl);min-height:240px;box-shadow:var(--soft-shadow);cursor:pointer;border:3px solid #fff;flex-direction:row;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.game-card:hover{box-shadow:var(--soft-shadow-hover);border-color:#fff1f2;transform:translateY(-6px)}.card-left-visual{flex-shrink:0;justify-content:center;align-items:center;width:170px;display:flex;position:relative;overflow:hidden}.panda-sprite{background-position:50%;background-repeat:no-repeat;background-size:contain;width:140px;height:140px}.panda-sprite.lava{background-image:url(/assets/img/panda_lava.png)}.panda-sprite.freeze{background-image:url(/assets/img/panda_freeze.png)}.panda-sprite.simon{background-image:url(/assets/img/panda_simon.png)}.panda-sprite.hunters{background-image:url(/assets/img/panda_hunters.png)}.panda-sprite.zoo{background-image:url(/assets/img/panda_zoo.png)}.panda-sprite.riddle{background-image:url(/assets/img/panda_riddle.png)}.panda-sprite.bamboo{background-image:url(/assets/img/panda_bamboo.png);background-repeat:no-repeat;background-size:cover;width:150px;height:150px;position:absolute;bottom:40px;left:20px;transform:scale(1.3)}.card-right-details{flex-direction:column;flex:1;justify-content:space-between;padding:24px;display:flex}.card-top-row{justify-content:flex-end;align-items:center;margin-bottom:12px;display:flex}.card-category-indicator{z-index:10;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:absolute;top:16px;left:16px;box-shadow:0 4px 10px #0000000a}.card-pills-wrapper{gap:8px;display:flex}.card-top-badge{color:#fff;font-family:var(--font-heading);border-radius:14px;width:fit-content;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-block;box-shadow:0 4px 10px #0000001a}.age-pill{color:#e65100;background:#fff3e0;border-radius:12px;padding:6px 12px;font-size:.85rem;font-weight:700}.players-pill{color:var(--text-muted);align-items:center;gap:6px;font-size:.9rem;font-weight:600;display:flex}.card-title{font-family:var(--font-heading);color:var(--text-dark);margin-bottom:8px;font-size:1.5rem;font-weight:700}.card-description{color:var(--text-muted);margin-bottom:16px;font-size:.95rem;line-height:1.5}.btn-play-game{color:#fff;font-family:var(--font-heading);border-radius:20px;align-self:flex-start;align-items:center;gap:8px;padding:10px 24px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 4px 12px #0000001a}.btn-play-game:hover{filter:brightness(1.08);transform:translateY(-2px)}.btn-disabled{color:#9ca3af;font-family:var(--font-heading);cursor:not-allowed;background:#e5e7eb;border-radius:20px;align-self:flex-start;padding:10px 24px;font-size:1rem}@media (width<=768px){.games-grid{grid-template-columns:1fr}.game-card{flex-direction:column;min-height:auto}.card-left-visual{width:100%;height:190px;padding-top:20px}.card-right-details{padding:20px}.btn-play-game,.btn-disabled{justify-content:center;width:100%}.card-top-row{margin-top:8px}.hero-header{text-align:center;flex-direction:column;align-items:center;padding:32px 24px 170px;position:relative}.hero-content{max-width:100%}.hero-mountains{z-index:0;background-position:bottom;background-size:150%;width:100%;height:140px;bottom:0;left:50%;right:auto;transform:translate(-50%)}@media (width<=480px){.hero-mountains{background-size:200%}}.hero-panda-illustration{z-index:1;width:115px;height:115px;bottom:-5px;left:50%;right:auto;transform:translate(-50%)}.hero-action{z-index:5;justify-content:center;width:100%;margin-top:24px;display:flex;position:static}.hero-settings-btn{justify-content:center;width:auto;min-width:200px}.hero-title{font-size:2.2rem}}.active-pause-banner{border-radius:var(--radius-xl);box-shadow:var(--soft-shadow);background:#fff;border:3px solid #fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:40px;padding:24px 36px 24px 180px;display:flex;position:relative;overflow:visible}@media (width<=768px){.active-pause-banner{text-align:center;justify-content:center;padding:130px 20px 24px}.panda-sprite.bamboo{top:-20px;bottom:auto;left:50%;transform:translate(-50%)}}.active-pause-left{align-items:center;gap:20px;max-width:580px;display:flex}.active-pause-right{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.active-pause-pill{border:2px solid var(--soft-border);font-family:var(--font-heading);color:var(--text-dark);background:#faf8f5;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.95rem;font-weight:700;display:flex}.lava-game-container{flex-direction:column;min-height:100vh;transition:background .8s ease-in-out;display:flex}.lava-game-container.state-idle,.lava-game-container.state-paused{background:linear-gradient(135deg,#fff5f2 0%,#fee2df 100%)}.lava-game-container.state-safe{background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%)}.lava-game-container.state-lava{background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%)}.lava-game-container.simon-view{background:linear-gradient(135deg,#fffdf0 0%,#fef9e7 100%)!important}.lava-game-container.congelados-view{background:linear-gradient(135deg,#f0f7ff 0%,#e0f2fe 100%)!important}.lava-game-container.color-view{background:linear-gradient(135deg,#fff8f0 0%,#fed 100%)!important}.lava-game-container.zoo-view{background:linear-gradient(135deg,#fff5fa 0%,#fce7f3 100%)!important}.game-header{-webkit-backdrop-filter:blur(12px);z-index:10;background:#ffffff73;border-bottom:1px solid #2d23200d;justify-content:space-between;align-items:center;padding:16px 36px;display:flex;box-shadow:0 4px 20px #00000005}.rounds-badge{color:var(--text-dark);border:2px solid var(--soft-border);font-family:var(--font-heading);background:#fff;border-radius:40px;align-items:center;gap:10px;padding:10px 24px;font-size:1.15rem;font-weight:700;display:flex;box-shadow:0 4px 16px #0000000f}.game-arena{flex:1;justify-content:center;align-items:center;padding:28px;display:flex}.card-glass{border-radius:var(--radius-xl);text-align:center;background:#fff;border:4px solid #fff;width:100%;max-width:620px;padding:48px;box-shadow:0 20px 50px #00000014}.game-title{font-family:var(--font-heading);color:var(--text-dark);margin-top:18px;margin-bottom:14px;font-size:2.8rem}.game-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:1.15rem;line-height:1.6}.mode-selector{text-align:left;margin-bottom:36px}.mode-selector .label{color:var(--text-dark);margin-bottom:12px;font-size:1rem;font-weight:700;display:block}.btn-group{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.mode-btn{color:var(--text-dark);border:2px solid var(--soft-border);border-radius:var(--radius-sm);background:#faf8f5;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.95rem;font-weight:700;display:flex}.mode-btn.active{background:var(--pastel-coral);color:#fff;border-color:var(--pastel-coral);box-shadow:0 6px 16px #ff8a7a59}.btn-primary-giant{border-radius:var(--radius-md);color:#fff;width:100%;font-family:var(--font-heading);background:linear-gradient(135deg,#ff8a7a 0%,#ff6b5b 100%);justify-content:center;align-items:center;gap:14px;padding:22px;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 10px 28px #ff6b5b66}.btn-primary-giant:hover{filter:brightness(1.06);transform:translateY(-3px)}.pulse-btn{animation:2.5s ease-in-out infinite gentlePulse}@keyframes gentlePulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.state-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.state-title{font-family:var(--font-heading);color:var(--text-dark);margin-top:24px;margin-bottom:12px;font-size:3.8rem}.safe-text{color:#059669}.lava-text{color:#dc2626}.state-desc{color:#047857;margin-bottom:28px;font-size:1.5rem;font-weight:600}.state-desc-urgent{color:#b91c1c;background:#fee2e2;border:2px solid #fca5a5;border-radius:40px;margin-bottom:28px;padding:12px 28px;font-size:1.7rem;font-weight:800}.timer-pill{color:var(--text-dark);border:2px solid var(--soft-border);background:#fff;border-radius:50px;align-items:center;gap:14px;padding:18px 36px;font-size:1.25rem;font-weight:700;display:flex;box-shadow:0 6px 20px #0000000f}.timer-sec{font-family:var(--font-heading);color:#059669;font-size:2.2rem}.danger-countdown{flex-direction:column;align-items:center;display:flex}.countdown-number{font-family:var(--font-heading);color:var(--text-dark);text-shadow:0 4px 20px #0000001a;font-size:7.5rem;line-height:1}.countdown-label{font-family:var(--font-heading);color:var(--text-muted);letter-spacing:.5px;font-size:1.3rem;font-weight:700}.controls-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;width:100%;margin-top:32px;display:flex}.btn-control{color:var(--text-dark);border:2px solid var(--soft-border);background:#fff;border-radius:40px;justify-content:center;align-items:center;gap:10px;padding:14px 32px;font-size:1.15rem;font-weight:700;display:flex;box-shadow:0 4px 14px #0000000f}.btn-control:hover{background:#fff9f2;transform:translateY(-2px)}.btn-column{flex-direction:column;gap:16px;margin-top:28px;display:flex}.btn-secondary{color:var(--text-dark);border-radius:var(--radius-md);background:#f3f4f6;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:1.1rem;font-weight:700;display:flex}.btn-secondary:hover{background:#e5e7eb}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:999;background:#2d232066;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{text-align:left;width:100%;max-width:500px;max-height:calc(100vh - 40px);color:var(--text-dark);background:#fff;flex-direction:column;display:flex}.modal-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.modal-header h2{font-family:var(--font-heading);color:var(--text-dark);align-items:center;gap:12px;font-size:1.5rem;display:flex}.btn-close{color:var(--text-muted);background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.btn-close:hover{color:var(--text-dark);background:#e5e7eb}.modal-body{flex-direction:column;gap:22px;padding-right:6px;display:flex;overflow-y:auto}.setting-item{justify-content:space-between;align-items:center;display:flex}.setting-info{align-items:flex-start;gap:14px;display:flex}.setting-info strong{color:var(--text-dark);font-size:1rem;display:block}.setting-info p{color:var(--text-muted);margin-top:2px;font-size:.85rem}.switch{flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0;position:absolute}.slider{cursor:pointer;background-color:#e2dcd5;border-radius:30px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:3px;left:3px;box-shadow:0 2px 5px #00000026}input:checked+.slider{background-color:var(--pastel-coral)}input:checked+.slider:before{transform:translate(22px)}.setting-range-item{flex-direction:column;gap:10px;display:flex}.range-label{justify-content:space-between;font-size:.95rem;font-weight:600;display:flex}input[type=range]{width:100%;accent-color:var(--pastel-coral)}.test-voice-btn{margin-top:12px}.hero-mountains{z-index:0;background-image:url(/assets/img/monta%C3%B1as.webp);background-position:100% 100%;background-repeat:no-repeat;background-size:contain;width:55%;height:100%;position:absolute;bottom:0;right:0}.hero-panda-illustration{z-index:1;background-image:url(/assets/img/panda_hi.webp);background-position:bottom;background-repeat:no-repeat;background-size:contain;width:140px;height:140px;position:absolute;bottom:-10px;right:180px}@media (width>=769px) and (width<=1024px){.hero-header{min-height:200px;padding:40px 32px}.hero-content{max-width:55%}.hero-action{top:24px;right:32px}.hero-mountains{background-size:contain;width:48%}.hero-panda-illustration{width:115px;height:115px;bottom:-8px;right:130px}}@media (width<=768px){.hero-mountains{background-size:100%;width:200%}}.auth-container{background-color:var(--bg-main);background-image:radial-gradient(circle at 10% 15%,#ffe4e6 0%,#0000 45%),radial-gradient(circle at 90% 85%,#e0f2fe 0%,#0000 45%),radial-gradient(circle,#fef3c7 0%,#0000 55%);background-attachment:fixed;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative;overflow:hidden}.lang-select-wrapper{border:2px solid var(--soft-border);font-family:var(--font-heading);color:var(--text-muted);background:#fff;border-radius:20px;align-items:center;height:fit-content;padding:6px 12px;font-size:.9rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 10px #00000005}.lang-select-wrapper:hover{border-color:var(--pastel-blue);color:var(--text-dark)}.lang-select-dropdown{font-family:inherit;font-weight:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none;outline:none;margin:0;padding:0}.auth-lang-selector{z-index:10;position:absolute;top:24px;right:24px}.auth-card-glass{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--soft-shadow);text-align:center;z-index:2;border:3px solid #fff;width:100%;max-width:480px;padding:48px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.auth-header{margin-bottom:32px}.auth-logo{justify-content:center;align-items:center;gap:12px;margin-bottom:12px;display:flex}.auth-logo-img{filter:drop-shadow(0 4px 6px #0000001a);width:auto;height:48px}.auth-logo-text{font-family:var(--font-heading);color:var(--pastel-coral);text-shadow:0 4px 10px #ff8a7a26;font-size:2.8rem;font-weight:800}.auth-header h2{font-family:var(--font-heading);color:var(--text-dark);font-size:1.8rem;font-weight:700}.auth-form{text-align:left;flex-direction:column;gap:20px;display:flex}.auth-form .input-group{flex-direction:column;gap:8px;display:flex}.auth-form .input-group label{font-family:var(--font-heading);color:var(--text-dark);align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.auth-form .input-group .input-icon{color:var(--pastel-blue)}.auth-form .input-group input{border-radius:var(--radius-md);border:2px solid var(--soft-border);font-family:var(--font-body);color:var(--text-dark);background:#fff;outline:none;padding:14px 18px;font-size:1rem;transition:all .25s}.auth-form .input-group input:focus{border-color:var(--pastel-blue);box-shadow:0 0 0 4px #4ea8de26}.auth-submit-btn{margin-top:12px;border-radius:var(--radius-md)!important;background:linear-gradient(135deg,#ff8a7a 0%,#ff6b5b 100%)!important;box-shadow:0 8px 24px #ff6b5b59!important}.auth-error-banner{color:#b91c1c;font-family:var(--font-body);border-radius:var(--radius-md);text-align:center;background:#fee2e2;border:2px solid #fca5a5;margin-bottom:24px;padding:12px 18px;font-size:.95rem;font-weight:600}.auth-form .input-group.has-error input{border-color:#ef4444}.auth-form .input-group.has-error input:focus{box-shadow:0 0 0 4px #ef444426}.auth-form .input-group.has-error .input-icon{color:#ef4444}.field-error-msg{color:#dc2626;font-size:.82rem;font-weight:600;font-family:var(--font-body);margin-top:-2px;padding-left:4px}.auth-divider{color:var(--text-muted);font-family:var(--font-heading);align-items:center;margin:24px 0;font-size:.9rem;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--soft-border);flex:1;height:1px}.auth-divider span{padding:0 12px}.google-signin-btn{width:100%;color:var(--text-dark);border:2px solid var(--soft-border);border-radius:var(--radius-md);font-family:var(--font-heading);background:#fff;justify-content:center;align-items:center;gap:12px;padding:14px;font-size:1rem;font-weight:700;transition:all .25s;display:flex;box-shadow:0 4px 12px #00000008}.google-signin-btn:hover{border-color:var(--pastel-yellow);background:#fff9f2;transform:translateY(-2px);box-shadow:0 6px 16px #ffd16626}.google-icon{flex-shrink:0}.auth-toggle{margin-top:24px}.toggle-link-btn{color:var(--pastel-blue);font-family:var(--font-body);background:0 0;font-size:.95rem;font-weight:600;text-decoration:underline;transition:color .2s}.toggle-link-btn:hover{color:var(--pastel-purple)}.fade-in{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shake{animation:.4s ease-in-out shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s ease-in-out infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=480px){.auth-card-glass{border-radius:var(--radius-lg);padding:32px 20px}.auth-logo{font-size:2.4rem}}.landing-layout{background-color:var(--bg-main);min-height:100vh;font-family:var(--font-body);flex-direction:column;display:flex}.landing-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid var(--soft-border);z-index:100;background:#ffffffb3;justify-content:space-between;align-items:center;padding:20px 48px;display:flex;position:sticky;top:0}.landing-brand{align-items:center;gap:12px;display:flex}.landing-logo-img{width:auto;height:40px}.landing-logo-text{font-family:var(--font-heading);color:var(--text-dark);font-size:1.8rem;font-weight:800}.landing-header-actions{align-items:center;gap:20px;display:flex}.landing-header-actions .header-langs{background:#fff;position:static}.landing-login-btn{border-radius:30px!important;padding:10px 20px!important;font-size:.95rem!important;font-weight:700!important}.landing-hero{border-bottom:3px solid #fff;grid-template-columns:1.2fr .8fr;align-items:center;gap:48px;min-height:550px;padding:80px 48px;display:grid}.landing-hero.bg-parents{background:radial-gradient(circle at 5% 5%,#ffe4e6bf 0%,#fff5f2f2 70%,#fff 100%)}.landing-hero.bg-teachers{background:radial-gradient(circle at 5% 5%,#fef3c799 0%,#ecfdf5cc 70%,#fff 100%)}.landing-hero-content{flex-direction:column;align-items:flex-start;gap:20px;display:flex}.landing-title{font-family:var(--font-heading);color:var(--text-dark);font-size:3.5rem;font-weight:800;line-height:1.15}.landing-subtitle{color:var(--text-muted);max-width:680px;font-size:1.3rem;line-height:1.6}.landing-cta{margin-top:10px;border-radius:40px!important;padding:18px 40px!important;font-size:1.3rem!important;transition:transform .2s,box-shadow .2s!important;box-shadow:0 10px 25px -5px #ff8a7a66!important}.landing-cta:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #ff8a7a99!important}.landing-hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.landing-visual-panda{filter:drop-shadow(0 16px 32px #0000000f);width:280px;height:280px}.landing-benefits{text-align:center;width:100%;max-width:1200px;margin:0 auto;padding:80px 48px}.section-title{font-family:var(--font-heading);color:var(--text-dark);margin-bottom:48px;font-size:2.6rem}.benefits-grid{grid-template-columns:repeat(3,1fr);gap:36px;display:grid}.benefit-card{border-radius:var(--radius-xl);box-shadow:var(--soft-shadow);background:#fff;border:3px solid #fff;flex-direction:column;align-items:center;gap:16px;padding:40px 32px;transition:all .3s;display:flex}.benefit-card:hover{box-shadow:var(--soft-shadow-hover);transform:translateY(-6px)}.benefit-icon{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:8px;display:flex}.benefit-icon.bg-coral{background:#fff1f0}.benefit-icon.bg-blue{background:#f0f9ff}.benefit-icon.bg-yellow{background:#fefce8}.benefit-icon.bg-green{background:#ecfdf5}.benefit-icon.bg-purple{background:#fdf2f8}.benefit-card h3{font-family:var(--font-heading);color:var(--text-dark);font-size:1.4rem}.benefit-card p{color:var(--text-muted);font-size:1.05rem;line-height:1.6}.landing-pricing{text-align:center;border-top:3px solid var(--soft-border);border-bottom:3px solid var(--soft-border);background:#fff;padding:80px 48px}.pricing-header{flex-direction:column;align-items:center;gap:12px;margin-bottom:56px;display:flex}.pricing-badge{color:#ef4444;font-family:var(--font-heading);background:#fef2f2;border-radius:30px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:700;display:inline-flex}.pricing-header h2{font-family:var(--font-heading);color:var(--text-dark);font-size:2.8rem}.pricing-header p{color:var(--text-muted);max-width:600px;font-size:1.25rem}.pricing-cards{justify-content:center;align-items:stretch;gap:36px;width:100%;max-width:900px;margin:0 auto;display:flex}.pricing-card{background:var(--bg-main);border-radius:var(--radius-xl);border:3px solid var(--soft-border);flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:16px;padding:48px 36px;transition:all .3s;display:flex;position:relative}.pricing-card.featured{border-color:var(--pastel-coral);box-shadow:var(--soft-shadow-hover);background:#fff;transform:scale(1.03)}.pricing-card.featured .card-badge{background:var(--pastel-coral);color:#fff;font-family:var(--font-heading);border-radius:20px;padding:6px 16px;font-size:.85rem;font-weight:700;position:absolute;top:-16px;box-shadow:0 4px 10px #ff8a7a4d}.pricing-card h3{font-family:var(--font-heading);color:var(--text-dark);font-size:1.7rem}.pricing-desc{color:var(--text-muted);min-height:60px;font-size:1rem;line-height:1.5}.pricing-card .price{font-family:var(--font-heading);color:var(--text-dark);margin:12px 0;font-size:2.6rem;font-weight:800}.pricing-card .price-tagline{color:var(--pastel-green);margin-top:-12px;margin-bottom:8px;font-size:.9rem;font-weight:700}.pricing-card-btn{border-radius:var(--radius-md);width:100%;color:var(--text-dark);border:2px solid var(--soft-border);font-family:var(--font-heading);background:#fff;padding:14px;font-size:1.05rem;font-weight:700;transition:all .25s;box-shadow:0 4px 10px #00000005}.pricing-card-btn:hover{background:#faf8f5;transform:translateY(-2px)}.pricing-card-btn.featured-btn{color:#fff;background:linear-gradient(135deg,#ff8a7a 0%,#ff6b5b 100%);border:none;box-shadow:0 8px 20px #ff6b5b4d}.pricing-card-btn.featured-btn:hover{filter:brightness(1.06);transform:translateY(-2px)}.landing-footer{background:var(--bg-main);text-align:center;border-top:1px solid var(--soft-border);flex-direction:column;align-items:center;gap:16px;padding:48px;display:flex}.footer-logo{align-items:center;gap:10px;display:flex}.footer-logo-img{width:auto;height:32px}.footer-logo-text{font-family:var(--font-heading);color:var(--text-dark);font-size:1.4rem;font-weight:800}.landing-footer p{color:var(--text-muted);font-size:.9rem}@media (width<=968px){.landing-hero{text-align:center;grid-template-columns:1fr;gap:32px;padding:60px 24px}.landing-hero-content{align-items:center}.landing-title{font-size:2.6rem}.landing-subtitle{font-size:1.15rem}.benefits-grid{grid-template-columns:1fr;gap:24px}.pricing-cards{flex-direction:column;gap:24px;max-width:420px}.pricing-card.featured{transform:none}}@media (width<=768px){.landing-header{gap:12px;padding:12px 16px}.landing-brand{gap:8px}.landing-logo-text{font-size:1.4rem}.landing-header-actions{gap:10px}.landing-login-btn{padding:8px 16px!important;font-size:.9rem!important}.lang-select-wrapper{padding:4px 8px;font-size:.8rem}}@media (width<=480px){.landing-logo-text{display:none}}.subscription-expired-layout{background-color:var(--bg-main);min-height:100vh;font-family:var(--font-body);flex-direction:column;display:flex}.expired-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid var(--soft-border);background:#ffffffb3;justify-content:space-between;align-items:center;padding:16px 48px;display:flex}.expired-container{flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.expired-card{border-radius:var(--radius-xl);border:3px solid var(--soft-border);box-shadow:var(--soft-shadow);text-align:center;background:#fff;flex-direction:column;align-items:center;width:100%;max-width:650px;padding:48px;display:flex}.expired-alert-icon{background:#fff1f0;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex}.expired-card h1{font-family:var(--font-heading);color:var(--text-dark);margin-bottom:12px;font-size:2.2rem}.expired-subtitle{color:var(--text-muted);max-width:500px;margin-bottom:36px;font-size:1.1rem;line-height:1.6}.expired-pricing-options{flex-direction:column;gap:20px;width:100%;margin-bottom:36px;display:flex}.expired-pricing-card{background:var(--bg-main);border:2px solid var(--soft-border);border-radius:var(--radius-lg);text-align:left;cursor:pointer;padding:20px 24px;transition:all .25s;position:relative}.expired-pricing-card:hover{border-color:var(--pastel-blue);transform:translateY(-2px)}.expired-pricing-card.selected{border-color:var(--pastel-coral);background:#fffbfb;box-shadow:0 8px 20px #ff8a7a14}.expired-pricing-card .card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.expired-pricing-card h3{font-family:var(--font-heading);color:var(--text-dark);margin:0;font-size:1.25rem}.expired-pricing-card .price{font-family:var(--font-heading);color:var(--text-dark);font-size:1.4rem;font-weight:800}.expired-pricing-card p{color:var(--text-muted);max-width:80%;margin:0;font-size:.95rem;line-height:1.5}.expired-pricing-card.featured{border-color:var(--soft-border)}.expired-pricing-card.featured.selected{border-color:var(--pastel-coral)}.expired-pricing-card .featured-badge{background:var(--pastel-coral);color:#fff;border-radius:12px;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-12px;right:24px}.expired-pricing-card .savings-label{color:var(--pastel-green);margin-top:8px;font-size:.85rem;font-weight:700;display:inline-block}.upgrade-cta-btn{color:#fff;background:linear-gradient(135deg,#ff8a7a 0%,#ff6b5b 100%);border:none;width:100%;transition:all .25s;box-shadow:0 8px 20px #ff6b5b40;border-radius:30px!important;padding:16px!important;font-size:1.15rem!important}.upgrade-cta-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px)}.log-out-btn{align-items:center;gap:8px;display:flex;color:var(--text-muted)!important;border:2px solid var(--soft-border)!important;background:#fff!important;border-radius:20px!important;padding:8px 16px!important}.log-out-btn:hover{color:var(--text-dark)!important;border-color:#e2dcd5!important}@media (width<=768px){.expired-header{padding:12px 16px}.expired-card{padding:32px 20px}.expired-card h1{font-size:1.8rem}}.lang-name-short{display:none}@media (width<=480px){.lang-name-full{display:none}.lang-name-short{display:inline}.modal-content{padding:24px 16px!important}.modal-header h2{padding-right:8px;font-size:1.25rem!important}.setting-info strong{font-size:.95rem!important}.setting-info p{font-size:.8rem!important}}.setting-section-separator{background-color:var(--soft-border);border-radius:2px;height:2px;margin:12px 0 24px}.setting-subscription-box{flex-direction:column;align-items:flex-start;gap:12px;width:100%;display:flex}.setting-subscription-box h3{font-family:var(--font-heading);color:var(--text-dark);margin:0;font-size:1.15rem}.sub-status{border-radius:var(--radius-lg);box-sizing:border-box;align-items:center;width:100%;display:flex}.sub-status.active-box{color:#065f46;font-size:1.05rem;font-weight:700;font-family:var(--font-heading);background-color:#ecfdf5;border:2px solid #a7f3d0;justify-content:center;padding:16px}.sub-status.trial-box{background-color:var(--bg-main);border:2px solid var(--soft-border);justify-content:space-between;gap:16px;padding:16px}.trial-info-text{color:var(--text-dark);align-items:center;gap:10px;font-size:.95rem;font-weight:700;display:flex}.trial-info-text .lightbulb-icon{font-size:1.25rem}.sub-upgrade-btn{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#ff8a7a 0%,#ff6b5b 100%);border:none;box-shadow:0 4px 10px #ff6b5b33;border-radius:30px!important;margin:0!important;padding:10px 20px!important;font-size:.95rem!important}.sub-upgrade-btn:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-1px)}@media (width<=480px){.sub-status.trial-box{text-align:center;flex-direction:column;align-items:stretch;gap:12px}.trial-info-text{justify-content:center}}.verification-banner{-webkit-backdrop-filter:blur(8px);color:#78350f;z-index:999;background:#fef3c7f2;border-bottom:2px solid #f59e0b33;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;font-size:.95rem;font-weight:600;display:flex}.verification-actions{align-items:center;gap:12px;display:flex}.btn-verification-resend{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:20px;padding:6px 16px;font-size:.85rem;font-weight:700;transition:all .2s}.btn-verification-resend:hover{background:#d97706;transform:translateY(-1px)}.btn-verification-close{cursor:pointer;color:#78350f;opacity:.7;background:0 0;border:none;align-items:center;transition:opacity .2s;display:flex}.btn-verification-close:hover{opacity:1}