@charset "UTF-8";.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px;background:linear-gradient(135deg,rgba(var(--color-danger),.05),rgba(var(--color-danger),.1))}.error-content{max-width:600px;text-align:center;background:#fff;padding:48px;border-radius:16px;box-shadow:0 10px 15px #0000001a}.error-content .error-icon{font-size:4rem;display:block;margin-bottom:24px}.error-content h1{color:var(--color-danger);margin-bottom:16px;font-size:1.5rem}.error-content .error-message{color:var(--color-text);line-height:1.6;margin-bottom:32px}.error-content .error-details{text-align:left;margin-bottom:32px;padding:16px;background:rgba(var(--color-text-light),.1);border-radius:12px}.error-content .error-details summary{cursor:pointer;font-weight:600;margin-bottom:8px;color:var(--color-text-light)}.error-content .error-details summary:hover{color:var(--color-danger)}.error-content .error-details pre{font-size:.875rem;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;color:var(--color-text-light);margin-top:8px}.error-content .error-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.error-content .error-actions button{padding:16px 32px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .25s ease}.error-content .error-actions button.btn-primary{background:var(--color-primary);color:#fff}.error-content .error-actions button.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 4px 6px #00000012}.error-content .error-actions button.btn-secondary{background:#fff;color:var(--color-primary);border:2px solid var(--color-primary)}.error-content .error-actions button.btn-secondary:hover{background:rgba(var(--color-primary),.1);transform:translateY(-2px)}.theme-toggle{background:transparent;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .25s ease}.theme-toggle .theme-icon{font-size:1.5rem;display:block;line-height:1}.theme-toggle:hover{background:rgba(var(--color-primary),.1);transform:rotate(20deg) scale(1.1)}.theme-toggle:active{transform:rotate(20deg) scale(.95)}.header{background:var(--color-surface);border-bottom:1px solid rgba(var(--color-text),.1);box-shadow:0 1px 2px #0000000d;position:sticky;top:0;z-index:1020}.header .header-content{max-width:1200px;margin:0 auto;padding:4px 8px;display:flex;align-items:center;justify-content:space-between;gap:4px;flex-wrap:nowrap}@media(min-width:768px){.header .header-content{padding:24px;gap:16px}}.header .logo{display:flex;align-items:center;gap:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:700;color:var(--color-primary);text-decoration:none;transition:color .15s ease;flex-shrink:0}@media(min-width:768px){.header .logo{font-size:1.25rem;gap:8px}}.header .logo:hover{color:var(--color-primary-dark)}.header .logo .logo-icon{font-size:1.125rem}@media(min-width:768px){.header .logo .logo-icon{font-size:1.5rem}}.header .header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}@media(min-width:768px){.header .header-actions{gap:16px}}.header .header-actions .discover-link,.header .header-actions .dashboard-link,.header .header-actions .about-link{font-size:1rem;padding:4px;border-radius:12px;transition:all .15s ease;display:flex;align-items:center;justify-content:center}@media(min-width:768px){.header .header-actions .discover-link,.header .header-actions .dashboard-link,.header .header-actions .about-link{font-size:1.25rem;padding:8px}}.header .header-actions .discover-link:hover,.header .header-actions .dashboard-link:hover,.header .header-actions .about-link:hover{background:#6b8e7a1a;transform:scale(1.1)}.header .mode-toggle{display:flex;gap:2px;background:var(--color-background);padding:2px;border-radius:9999px;margin-left:20px}@media(min-width:768px){.header .mode-toggle{gap:4px;padding:4px;margin-left:0}}.header .mode-toggle button{padding:4px;border-radius:9999px;font-size:.875rem;font-weight:500;color:var(--color-text-light);transition:all .15s ease;display:flex;align-items:center;gap:4px;white-space:nowrap}@media(min-width:768px){.header .mode-toggle button{padding:4px 16px}}.header .mode-toggle button .mode-emoji{font-size:1rem;display:block}.header .mode-toggle button .mode-text{display:none}@media(min-width:768px){.header .mode-toggle button .mode-text{display:inline}}.header .mode-toggle button.active{background:var(--color-primary);color:#fff}.header .mode-toggle button.active .mode-emoji{filter:brightness(1.2)}.header .mode-toggle button:hover:not(.active){color:var(--color-text)}.header .premium-badge{display:flex;align-items:center;gap:4px;padding:4px 16px;background:linear-gradient(135deg,#d4af37,#be9e2c);color:#fff;border-radius:9999px;font-size:.875rem;font-weight:600;box-shadow:0 4px 6px #00000012}.scenario-card{background:var(--color-surface);border-radius:16px;padding:24px;box-shadow:0 4px 6px #00000012;transition:all .25s ease;cursor:pointer;text-decoration:none;color:var(--color-text);display:block;position:relative;overflow:hidden}.scenario-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px #0000001a}.scenario-card.urgence-mode{border:2px solid var(--color-accent);background:#c96a5a26}.scenario-card .card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:16px}.scenario-card .card-header .icon{font-size:2.5rem;flex-shrink:0}.scenario-card .card-header .card-info{flex:1}.scenario-card .card-header .card-info .title{font-size:1.25rem;font-weight:600;margin-bottom:4px;color:var(--color-text)}.scenario-card .card-header .card-info .description{font-size:.875rem;color:var(--color-text-light);line-height:1.5}.scenario-card .card-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.scenario-card .card-meta .badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;font-size:.75rem;font-weight:500}.scenario-card .card-meta .badge.difficulty{background:#6b8e7a33;color:var(--color-primary-dark)}.scenario-card .card-meta .badge.duration{background:#3c86c233;color:#295d7d}.scenario-card .card-meta .badge.premium{background:#d4af3733;color:#8b7419}.scenario-card .progress-section .progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:.875rem;color:var(--color-text-light)}.scenario-card .progress-section .progress-label .percentage{font-weight:600;color:var(--color-primary)}.scenario-card .progress-section .progress-bar{height:8px;background:var(--color-background);border-radius:9999px;overflow:hidden}.scenario-card .progress-section .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:9999px;transition:width .35s ease}.scenario-card .premium-lock{position:absolute;top:16px;right:16px;background:var(--color-premium);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem;box-shadow:0 4px 6px #00000012}.search-bar{position:relative;width:100%;max-width:500px}@media(max-width:768px){.search-bar{max-width:100%}}.search-input-wrapper{position:relative;display:flex;align-items:center;background:#fff;border:2px solid rgba(var(--color-text-light),.3);border-radius:24px;padding:4px 16px;transition:all .2s ease}.search-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary),.1)}.search-input-wrapper .search-icon{font-size:1.2rem;margin-right:8px;color:var(--color-text-light)}.search-input-wrapper .search-input{flex:1;border:none;outline:none;font-size:1rem;color:var(--color-text);background:transparent}.search-input-wrapper .search-input::placeholder{color:var(--color-text-light)}.search-input-wrapper .search-clear{background:none;border:none;color:var(--color-text-light);font-size:1.2rem;cursor:pointer;padding:4px;line-height:1;transition:color .2s ease}.search-input-wrapper .search-clear:hover{color:var(--color-text)}.search-results{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:2px solid rgba(var(--color-text-light),.3);border-radius:12px;box-shadow:0 8px 24px #00000026;max-height:400px;overflow-y:auto;z-index:1000}.search-result-item{display:flex;align-items:center;gap:16px;padding:16px;cursor:pointer;transition:background .2s ease;border-bottom:1px solid rgba(var(--color-text-light),.3)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--color-background)}.search-result-item .result-icon{font-size:2rem;flex-shrink:0}.search-result-item .result-content{flex:1;min-width:0}.search-result-item .result-content .result-title{font-weight:600;color:var(--color-text);margin-bottom:4px}.search-result-item .result-content .result-title mark{background:rgba(var(--color-primary),.2);color:var(--color-primary);padding:2px 4px;border-radius:4px;font-weight:700}.search-result-item .result-content .result-description{font-size:.875rem;color:var(--color-text-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-item .result-badge{flex-shrink:0;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;background:var(--color-background);color:var(--color-text-light)}.search-result-item.scenario .result-badge{background:rgba(var(--color-primary),.1);color:var(--color-primary)}.search-result-item.item .result-badge{background:rgba(var(--color-info),.1);color:var(--color-info)}.search-no-results{padding:24px;text-align:center;color:var(--color-text-light);font-style:italic}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-track{background:var(--color-background)}.search-results::-webkit-scrollbar-thumb{background:rgba(var(--color-text-light),.3);border-radius:4px}.search-results::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.cross-promo-sidebar{background:var(--color-background);padding:24px;border-radius:12px;box-shadow:0 4px 6px #00000012;margin-bottom:24px;border:2px solid rgba(107,142,122,.2)}.cross-promo-sidebar h3{color:var(--color-text);margin-bottom:8px;font-size:1.125rem;font-weight:700}.cross-promo-sidebar h3 .sidebar-intro{color:var(--color-text-light);font-size:.875rem;margin-bottom:16px;font-style:italic;padding:8px;background:#d4af371a;border-radius:8px;border-left:3px solid var(--color-premium)}.cross-promo-sidebar h3 .promo-card-compact{display:flex;align-items:center;gap:16px;padding:16px;background:#6b8e7a0d;border-radius:12px;margin-bottom:8px;text-decoration:none;transition:all .15s ease;border:1px solid transparent}.cross-promo-sidebar h3 .promo-card-compact:hover{background:#6b8e7a1a;border-color:var(--color-primary);transform:translate(4px)}.cross-promo-sidebar h3 .promo-card-compact .promo-icon{font-size:2rem;flex-shrink:0}.cross-promo-sidebar h3 .promo-card-compact .promo-content{flex:1;min-width:0}.cross-promo-sidebar h3 .promo-card-compact .promo-content h4{color:var(--color-text);font-size:1rem;margin-bottom:4px}.cross-promo-sidebar h3 .promo-card-compact .promo-content p{color:var(--color-text-light);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cross-promo-sidebar h3 .promo-card-compact .promo-arrow{color:var(--color-primary);font-size:1.125rem;font-weight:700;transition:transform .15s ease}.cross-promo-sidebar h3 .promo-card-compact:hover .promo-arrow{transform:translate(4px)}.cross-promo-sidebar .cross-promo-banner{position:relative;display:flex;align-items:center;gap:24px;padding:16px 32px;background:linear-gradient(135deg,var(--color-primary),#82A793);color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;margin:24px 0}.cross-promo-sidebar .cross-promo-banner .banner-close{position:absolute;top:8px;right:8px;background:#fff3;color:#fff;border:none;width:24px;height:24px;border-radius:9999px;cursor:pointer;font-size:1.125rem;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.cross-promo-sidebar .cross-promo-banner .banner-close:hover{background:#ffffff4d}.cross-promo-sidebar .cross-promo-banner .banner-icon{font-size:2.5rem}.cross-promo-sidebar .cross-promo-banner .banner-content{flex:1;display:flex;flex-direction:column;gap:4px}.cross-promo-sidebar .cross-promo-banner .banner-content strong{font-size:1.125rem}.cross-promo-sidebar .cross-promo-banner .banner-content span{opacity:.9;font-size:.875rem}.cross-promo-sidebar .cross-promo-banner .banner-cta{padding:8px 24px;background:#fff;color:var(--color-primary);border-radius:12px;text-decoration:none;font-weight:600;transition:all .15s ease;white-space:nowrap}.cross-promo-sidebar .cross-promo-banner .banner-cta:hover{transform:translateY(-2px);box-shadow:0 10px 15px #0000001a}@media(max-width:768px){.cross-promo-sidebar .cross-promo-banner{flex-direction:column;text-align:center;padding:24px}.cross-promo-sidebar .cross-promo-banner .banner-content{align-items:center}.cross-promo-sidebar .cross-promo-banner .banner-cta{width:100%;text-align:center}}.cross-promo-sidebar .cross-promo-popup-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px;animation:fadeIn .3s ease-out;overflow-y:auto;overscroll-behavior:contain}@media(max-width:768px){.cross-promo-sidebar .cross-promo-popup-overlay{padding:0;align-items:flex-start}.cross-promo-sidebar .cross-promo-popup-overlay .cross-promo-popup{width:100vw;min-height:100vh;max-width:100vw;max-height:100vh;border-radius:0;margin:0;box-shadow:none}}.cross-promo-sidebar .cross-promo-popup{background:var(--color-background);border-radius:16px;box-shadow:0 25px 50px #00000040;max-width:1000px;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .4s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.cross-promo-sidebar .cross-promo-popup .popup-close{position:absolute;top:24px;right:24px;background:#0000001a;color:var(--color-text);border:none;width:32px;height:32px;border-radius:9999px;cursor:pointer;font-size:1.25rem;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.cross-promo-sidebar .cross-promo-popup .popup-close:hover{background:#0003;transform:rotate(90deg)}.cross-promo-sidebar .cross-promo-popup .popup-header{text-align:center;padding:48px 32px 32px;background:linear-gradient(135deg,#6b8e7a1a,#c96a5a1a);border-radius:16px 16px 0 0}.cross-promo-sidebar .cross-promo-popup .popup-header .popup-icon{font-size:4rem;display:block;margin-bottom:16px}.cross-promo-sidebar .cross-promo-popup .popup-header h2{color:var(--color-text);font-size:1.5rem;margin-bottom:8px}.cross-promo-sidebar .cross-promo-popup .popup-header p{color:var(--color-text-light);font-size:1rem}.cross-promo-sidebar .cross-promo-popup .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;padding:32px}@media(max-width:768px){.cross-promo-sidebar .cross-promo-popup{border-radius:0;max-width:100vw;min-width:100vw;max-height:100vh;min-height:100vh;box-shadow:none;margin:0}.cross-promo-sidebar .cross-promo-popup .popup-header{padding:24px}.cross-promo-sidebar .cross-promo-popup .popup-header .popup-icon{font-size:3rem}.cross-promo-sidebar .cross-promo-popup .popup-header h2{font-size:1.25rem}.cross-promo-sidebar .cross-promo-popup .projects-grid{grid-template-columns:1fr;padding:16px;gap:16px}}.cross-promo-sidebar .cross-promo-popup .project-card{background:var(--color-background);border:2px solid rgba(0,0,0,.1);border-radius:12px;padding:24px;transition:all .15s ease}.cross-promo-sidebar .cross-promo-popup .project-card:hover{border-color:var(--color-primary);box-shadow:0 10px 15px #0000001a;transform:translateY(-4px)}.cross-promo-sidebar .cross-promo-popup .project-card .card-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.cross-promo-sidebar .cross-promo-popup .project-card .card-header .card-icon{font-size:2.5rem}.cross-promo-sidebar .cross-promo-popup .project-card .card-header h3{color:var(--color-text);font-size:1.125rem}.cross-promo-sidebar .cross-promo-popup .project-card .card-tagline{color:var(--color-primary);font-weight:600;margin-bottom:8px}.cross-promo-sidebar .cross-promo-popup .project-card .card-description{color:var(--color-text-light);font-size:.875rem;line-height:1.6;margin-bottom:16px}.cross-promo-sidebar .cross-promo-popup .project-card .card-benefits{list-style:none;padding:0;margin:0 0 24px}.cross-promo-sidebar .cross-promo-popup .project-card .card-benefits li{color:var(--color-text);font-size:.875rem;padding:4px 0;border-bottom:1px solid rgba(0,0,0,.05)}.cross-promo-sidebar .cross-promo-popup .project-card .card-benefits li:last-child{border-bottom:none}.cross-promo-sidebar .cross-promo-popup .project-card .card-cta{display:block;width:100%;padding:16px;background:var(--color-primary);color:#fff;text-align:center;border-radius:12px;text-decoration:none;font-weight:600;transition:all .15s ease}.cross-promo-sidebar .cross-promo-popup .project-card .card-cta:hover{background:#556f5e;transform:translateY(-2px)}@media(max-width:768px){.cross-promo-popup{margin:16px;max-height:calc(100vh - 32px)}.cross-promo-popup .popup-header{padding:24px}.cross-promo-popup .popup-header .popup-icon{font-size:3rem}.cross-promo-popup .popup-header h2{font-size:1.25rem}.cross-promo-popup .projects-grid{grid-template-columns:1fr;padding:16px;gap:16px}}.mental-gate-banner{background:linear-gradient(135deg,#6b8e7a,#4a7c5e);border-radius:16px;padding:32px;margin:48px 0;box-shadow:0 10px 15px #0000001a;animation:slideInDown .6s ease-out}.mental-gate-banner .banner-content{display:flex;align-items:center;gap:24px;max-width:1000px;margin:0 auto}.mental-gate-banner .banner-content .banner-icon{font-size:3.5rem;flex-shrink:0;animation:pulse 2s infinite}.mental-gate-banner .banner-content .banner-text{flex:1;color:#fff}.mental-gate-banner .banner-content .banner-text h3{font-size:1.25rem;font-weight:700;margin-bottom:8px;color:#fff}.mental-gate-banner .banner-content .banner-text p{font-size:1rem;opacity:.95;line-height:1.5;margin:0}.mental-gate-banner .banner-content .banner-cta{background:#fff;color:#6b8e7a;padding:16px 32px;border-radius:12px;font-weight:600;text-decoration:none;white-space:nowrap;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.mental-gate-banner .banner-content .banner-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003;background:#f8f8f8}.mental-gate-banner .banner-content .banner-cta:active{transform:translateY(0)}@media(max-width:768px){.mental-gate-banner{padding:24px}.mental-gate-banner .banner-content{flex-direction:column;text-align:center}.mental-gate-banner .banner-content .banner-icon{font-size:3rem}.mental-gate-banner .banner-content .banner-text h3{font-size:1.125rem}.mental-gate-banner .banner-content .banner-cta{width:100%}}.mental-pillar-section{margin-bottom:48px}.mental-pillar-section .pillar-card{background:linear-gradient(135deg,#f4f1ec,#e8dfc5);border-radius:24px;padding:32px;box-shadow:0 10px 15px #0000001a;border:2px solid #6B8E7A}.mental-pillar-section .pillar-card .pillar-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.mental-pillar-section .pillar-card .pillar-header .pillar-icon{font-size:2.5rem}.mental-pillar-section .pillar-card .pillar-header h3{font-size:1.25rem;color:var(--color-text);margin:0}.mental-pillar-section .pillar-card .pillar-intro{font-size:1rem;color:var(--color-text-light);margin-bottom:24px;line-height:1.6}.mental-pillar-section .pillar-card .mental-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:24px}.mental-pillar-section .pillar-card .mental-stats .stat{display:flex;align-items:center;gap:4px;padding:8px;background:#fff;border-radius:12px;font-size:.875rem;font-weight:500;box-shadow:0 2px 4px #00000014;transition:transform .2s ease}.mental-pillar-section .pillar-card .mental-stats .stat:hover{transform:translate(4px)}.mental-pillar-section .pillar-card .mental-stats .stat .stat-icon{font-size:1.2rem}.mental-pillar-section .pillar-card .cta-mental{display:block;background:#6b8e7a;color:#fff;padding:16px 24px;border-radius:12px;text-align:center;text-decoration:none;font-weight:600;font-size:1rem;margin-bottom:16px;transition:all .3s ease;box-shadow:0 4px 12px #6b8e7a4d}.mental-pillar-section .pillar-card .cta-mental:hover{background:#597766;transform:translateY(-2px);box-shadow:0 6px 20px #6b8e7a66}.mental-pillar-section .pillar-card .cta-mental:active{transform:translateY(0)}.mental-pillar-section .pillar-card .mental-note{font-size:.875rem;color:var(--color-text-light);text-align:center;margin:0;padding:8px;background:#6b8e7a1a;border-radius:8px;font-style:italic}@media(max-width:768px){.mental-pillar-section .pillar-card{padding:24px}.mental-pillar-section .pillar-card .mental-stats{grid-template-columns:1fr}}.mental-tip{background:linear-gradient(135deg,#f0f7f4,#e6f2ed);border-left:4px solid #6B8E7A;border-radius:16px;padding:24px;margin:32px 0;box-shadow:0 4px 12px #6b8e7a26}.mental-tip .mental-tip-header{margin-bottom:16px}.mental-tip .mental-tip-header h4{font-size:1.125rem;color:var(--color-text);margin:0;display:flex;align-items:center;gap:8px}.mental-tip .mental-tip-message{font-size:1rem;color:var(--color-text-light);margin-bottom:24px;line-height:1.6}.mental-tip .recommended-evaluations{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.mental-tip .recommended-evaluations .evaluation-link{display:flex;align-items:center;gap:4px;padding:8px 16px;background:#fff;border:2px solid #6B8E7A;border-radius:12px;text-decoration:none;color:var(--color-text);font-weight:500;font-size:.875rem;transition:all .3s ease;box-shadow:0 2px 6px #00000014}.mental-tip .recommended-evaluations .evaluation-link .eval-icon{font-size:1.2rem}.mental-tip .recommended-evaluations .evaluation-link .eval-name{white-space:nowrap}.mental-tip .recommended-evaluations .evaluation-link:hover{background:#6b8e7a;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6b8e7a4d}.mental-tip .recommended-evaluations .evaluation-link:active{transform:translateY(0)}.mental-tip .mental-tip-footer{padding-top:16px;border-top:1px solid rgba(107,142,122,.2)}.mental-tip .mental-tip-footer .tip-insight{font-size:.875rem;color:var(--color-text-light);display:block}.mental-tip .mental-tip-footer .tip-insight strong{color:#6b8e7a;font-weight:600}@media(max-width:768px){.mental-tip{padding:16px}.mental-tip .recommended-evaluations .evaluation-link{flex:1 1 100%;justify-content:center}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.home-page{padding:32px 16px;max-width:1200px;margin:0 auto}.home-page .hero{text-align:center;margin-bottom:48px;padding:48px 16px}.home-page .hero .hero-title{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:16px;color:var(--color-primary);font-weight:700}.home-page .hero .hero-subtitle{font-size:clamp(1rem,2.5vw,1.25rem);color:var(--color-text-light);margin-bottom:24px;font-weight:400}.home-page .hero .hero-description{max-width:600px;margin:0 auto 32px;font-size:1.125rem;line-height:1.8;color:var(--color-text)}.home-page .hero .hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:500px;margin:0 auto 32px}.home-page .hero .hero-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.home-page .hero .hero-stats .stat-item .stat-value{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.home-page .hero .hero-stats .stat-item .stat-label{font-size:.875rem;color:var(--color-text-light)}@media(max-width:480px){.home-page .hero .hero-stats{grid-template-columns:1fr;gap:16px}}.home-page .hero .cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.home-page .hero .cta-buttons .btn{padding:16px 32px;border-radius:12px;font-size:1rem;font-weight:600;transition:all .25s ease;text-decoration:none;display:inline-block}.home-page .hero .cta-buttons .btn.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 4px 6px #00000012}.home-page .hero .cta-buttons .btn.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 10px 15px #0000001a}.home-page .hero .cta-buttons .btn.btn-secondary{background:var(--color-background);color:var(--color-text);border:2px solid var(--color-primary)}.home-page .hero .cta-buttons .btn.btn-secondary:hover{background:#6b8e7a26}.home-page .scenarios-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.home-page .scenarios-section .section-header h2{font-size:1.5rem;color:var(--color-text)}.home-page .scenarios-section .section-header .filters{display:flex;gap:8px}.home-page .scenarios-section .section-header .filters select{padding:8px 16px;border-radius:12px;border:2px solid var(--color-primary);background:var(--color-surface);color:var(--color-text);font-size:.875rem;cursor:pointer;transition:all .15s ease}[data-theme=dark] .home-page .scenarios-section .section-header .filters select{border-color:#6b8e7a80;color:var(--color-text)}.home-page .scenarios-section .section-header .filters select:hover{background:#6b8e7a26}[data-theme=dark] .home-page .scenarios-section .section-header .filters select:hover{background:#6b8e7a40}.home-page .scenarios-section .section-header .filters select:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary),.2)}.home-page .scenarios-section .scenarios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:48px}@media(max-width:480px){.home-page .scenarios-section .scenarios-grid{grid-template-columns:1fr}}.home-page .features-section{background:var(--color-surface);border-radius:16px;padding:48px 24px;margin-top:48px;box-shadow:0 4px 6px #00000012}.home-page .features-section h2{text-align:center;margin-bottom:32px}.home-page .features-section .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px}.home-page .features-section .features-grid .feature{text-align:center}.home-page .features-section .features-grid .feature .feature-icon{font-size:3rem;margin-bottom:16px}.home-page .features-section .features-grid .feature h3{margin-bottom:8px;color:var(--color-primary)}.home-page .features-section .features-grid .feature p{color:var(--color-text-light);line-height:1.6}.checklist .checklist-filters{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.checklist .checklist-filters button{padding:8px 16px;border-radius:9999px;font-size:.875rem;font-weight:500;border:2px solid transparent;background:var(--color-background);color:var(--color-text-light);transition:all .15s ease}.checklist .checklist-filters button.active{border-color:var(--color-primary);background:#6b8e7a26;color:var(--color-primary-dark)}.checklist .checklist-filters button:hover:not(.active){background:#0000000d}.checklist .checklist-items{display:flex;flex-direction:column;gap:16px}.checklist .checklist-item{background:var(--color-surface);border-radius:12px;padding:16px;box-shadow:0 1px 2px #0000000d;transition:all .15s ease;display:flex;gap:16px;align-items:flex-start;cursor:pointer;-webkit-user-select:none;user-select:none}.checklist .checklist-item:hover{box-shadow:0 4px 6px #00000012;transform:translate(4px)}.checklist .checklist-item.completed{opacity:.7;background:#6b8e7a26}.checklist .checklist-item.completed .checkbox{background:var(--color-success);border-color:var(--color-success)}.checklist .checklist-item.completed .checkbox:after{opacity:1}.checklist .checklist-item.locked{opacity:.6;cursor:not-allowed;position:relative}.checklist .checklist-item.locked:after{content:"🔒";position:absolute;top:16px;right:16px;font-size:1.125rem}.checklist .checklist-item .checkbox{width:24px;height:24px;min-width:24px;border:2px solid var(--color-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;position:relative;margin-top:2px}.checklist .checklist-item .checkbox:after{content:"✓";color:#fff;font-size:.875rem;font-weight:700;opacity:0;transition:opacity .15s ease}.checklist .checklist-item .item-content{flex:1}.checklist .checklist-item .item-content .priority-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.checklist .checklist-item .item-content .priority-indicator.priority-1{background:var(--color-priority-1)}.checklist .checklist-item .item-content .priority-indicator.priority-2{background:var(--color-priority-2)}.checklist .checklist-item .item-content .priority-indicator.priority-3{background:var(--color-priority-3)}.checklist .checklist-item .item-content .item-label{font-weight:500;color:var(--color-text);line-height:1.5;margin-bottom:4px}.checklist .checklist-item .item-content .item-explanation{font-size:.875rem;color:var(--color-text-light);line-height:1.5;margin-top:4px}.checklist .empty-state{text-align:center;padding:48px;color:var(--color-text-light)}.checklist .empty-state .empty-icon{font-size:4rem;margin-bottom:16px}.checklist .empty-state p{font-size:1.125rem}.urgence-mode .checklist-item.priority-1{border-left:4px solid var(--color-priority-1)}.share-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;animation:fadeIn .2s ease}[data-theme=dark] .share-modal-overlay{background:#000000d9}.share-modal{background:var(--color-surface);border-radius:16px;padding:32px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d;border:1px solid transparent}[data-theme=light] .share-modal{border-color:#0000001a}[data-theme=dark] .share-modal{border-color:#ffffff1a;box-shadow:0 20px 60px #0009}@media(min-width:480px){.share-modal{max-width:550px}}@media(max-width:480px){.share-modal{padding:24px;max-height:95vh;border-radius:16px 16px 0 0}}@media(max-width:400px){.share-modal{padding:16px}}.modal-close{position:absolute;top:16px;right:16px;background:var(--color-background);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;color:var(--color-text-light);transition:all .2s ease}.modal-close:hover{background:rgba(var(--color-text-light),.3);color:var(--color-text)}.modal-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.modal-header .modal-icon{font-size:2rem}.modal-header h2{font-size:1.25rem;color:var(--color-text);margin:0}.share-preview{background:var(--color-background);border-radius:12px;padding:24px;margin-bottom:32px}.share-preview .preview-card{display:flex;align-items:center;gap:16px}.share-preview .preview-card .preview-icon{font-size:3rem}.share-preview .preview-card .preview-content{flex:1}.share-preview .preview-card .preview-content h3{margin:0 0 8px;color:var(--color-text);font-size:1.125rem}.share-preview .preview-card .preview-content .preview-progress .progress-bar{height:8px;background:rgba(var(--color-text-light),.3);border-radius:4px;overflow:hidden;margin-bottom:4px}.share-preview .preview-card .preview-content .preview-progress .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,#6b8e7a,#556f5e);transition:width .3s ease}.share-preview .preview-card .preview-content .preview-progress .progress-text{font-size:.875rem;color:var(--color-text-light);font-weight:600}.share-actions{display:flex;flex-direction:column}.share-actions h3{font-size:1rem;color:var(--color-text);margin:32px 0 16px}.share-actions h3:first-of-type{margin-top:0}.share-actions .share-hint{font-size:.75rem;color:var(--color-text-light);margin:-4px 0 16px;font-style:italic;text-align:center}@media(min-width:480px){.share-actions .share-hint:before{content:"🖱️ "}}.share-actions .template-selector{display:flex;gap:4px;margin-bottom:24px;flex-wrap:wrap}.share-actions .template-selector .template-btn{flex:1;min-width:80px;padding:8px;border:2px solid rgba(var(--color-text-light),.3);border-radius:8px;background:#fff;font-size:.75rem;font-weight:600;color:var(--color-text-light);cursor:pointer;transition:all .2s ease}.share-actions .template-selector .template-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.share-actions .template-selector .template-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.share-actions .social-proof{background:rgba(var(--color-primary),.05);border-left:3px solid var(--color-primary);padding:16px;border-radius:8px;margin-bottom:24px}.share-actions .social-proof .proof-stat{display:flex;align-items:center;gap:8px;margin-bottom:4px}.share-actions .social-proof .proof-stat:last-child{margin-bottom:0}.share-actions .social-proof .proof-stat .proof-icon{font-size:1.2rem}.share-actions .social-proof .proof-stat .proof-text{font-size:.875rem;color:var(--color-text)}.share-actions .social-proof .proof-stat .proof-text strong{color:var(--color-primary);font-weight:700}.share-actions .share-btn{width:100%;display:flex;align-items:center;gap:16px;padding:16px 24px;background:var(--color-background);border:2px solid rgba(var(--color-text-light),.3);border-radius:12px;font-size:1rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:all .2s ease;margin-bottom:8px}.share-actions .share-btn span:first-child{font-size:1.5rem}.share-actions .share-btn:hover{border-color:var(--color-primary);background:rgba(var(--color-primary),.05)}.share-actions .share-btn.native{background:linear-gradient(135deg,#6b8e7a,#556f5e);color:#fff;border-color:transparent}.share-actions .share-btn.native:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(var(--color-primary),.3)}.share-actions .share-btn.qr{background:#fff;border-color:rgba(var(--color-text-light),.3)}.share-actions .share-btn.qr:hover{border-color:var(--color-text)}.share-actions .social-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:24px}.share-actions .social-buttons .social-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 16px;border-radius:8px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;color:#fff}.share-actions .social-buttons .social-btn span:first-child{font-size:1.2rem}.share-actions .social-buttons .social-btn.x{background:#000}.share-actions .social-buttons .social-btn.x:hover{background:#1a1a1a}.share-actions .social-buttons .social-btn.facebook{background:#1877f2}.share-actions .social-buttons .social-btn.facebook:hover{background:#3a8df5}.share-actions .social-buttons .social-btn.facebook span:first-child{font-family:Helvetica,sans-serif;font-weight:700}.share-actions .social-buttons .social-btn.whatsapp{background:#25d366}.share-actions .social-buttons .social-btn.whatsapp:hover{background:#4ddb85}.share-actions .social-buttons .social-btn.telegram{background:#08c}.share-actions .social-buttons .social-btn.telegram:hover{background:#1a9fda}.share-actions .social-buttons .social-btn.linkedin{background:#0a66c2}.share-actions .social-buttons .social-btn.linkedin:hover{background:#237eda}.share-actions .social-buttons .social-btn.linkedin span:first-child{font-family:Arial,sans-serif;font-weight:700}.share-actions .social-buttons .social-btn.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.share-actions .social-buttons .social-btn.instagram:hover{filter:brightness(1.1)}.share-actions .social-buttons .social-btn.tiktok{background:#000}.share-actions .social-buttons .social-btn.tiktok:hover{background:#1a1a1a}.share-actions .social-buttons .social-btn.tiktok{border:2px solid #00f2ea;box-shadow:0 0 10px #00f2ea4d}.share-actions .social-buttons .social-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.share-actions .social-buttons .social-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.share-actions .copy-section{display:flex;gap:8px;margin-bottom:16px}.share-actions .copy-section .copy-input{flex:1;padding:8px 16px;border:2px solid rgba(var(--color-text-light),.3);border-radius:8px;font-size:.875rem;color:var(--color-text-light);background:var(--color-background);font-family:monospace}.share-actions .copy-section .copy-btn{padding:8px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.share-actions .copy-section .copy-btn:hover{background:#556f5e}.share-actions .copy-section .copy-btn.success{background:#10b981}.share-tip{background:rgba(var(--color-primary),.1);border-left:4px solid var(--color-primary);padding:16px;border-radius:8px;font-size:.875rem;color:var(--color-text);margin-top:24px}.share-modal::-webkit-scrollbar{width:8px}.share-modal::-webkit-scrollbar-track{background:var(--color-background)}.share-modal::-webkit-scrollbar-thumb{background:rgba(var(--color-text-light),.3);border-radius:4px}.share-modal::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px}.loading-spinner .spinner{border-radius:50%;border-style:solid;border-color:rgba(var(--color-primary),.2);border-top-color:var(--color-primary);animation:spin .8s linear infinite}.loading-spinner.small .spinner{width:24px;height:24px;border-width:3px}.loading-spinner.medium .spinner{width:40px;height:40px;border-width:4px}.loading-spinner.large .spinner{width:60px;height:60px;border-width:5px}.loading-spinner .loading-text{color:var(--color-text-light);font-size:.875rem;margin:0}@keyframes spin{to{transform:rotate(360deg)}}.scenario-detail-page{padding:32px 16px;max-width:900px;margin:0 auto}.scenario-detail-page .back-button{display:inline-flex;align-items:center;gap:8px;color:var(--color-primary);font-weight:500;margin-bottom:24px;transition:all .15s ease}.scenario-detail-page .back-button:hover{transform:translate(-4px);color:var(--color-primary-dark)}.scenario-detail-page .scenario-header{background:var(--color-surface);border-radius:16px;padding:32px;margin-bottom:32px;box-shadow:0 4px 6px #00000012}.scenario-detail-page .scenario-header.urgence-mode{border:3px solid var(--color-accent);background:#c96a5a26}.scenario-detail-page .scenario-header .header-top{display:flex;align-items:center;gap:24px;margin-bottom:24px}.scenario-detail-page .scenario-header .header-top .scenario-icon{font-size:4rem;flex-shrink:0}.scenario-detail-page .scenario-header .header-top .header-content{flex:1}.scenario-detail-page .scenario-header .header-top .header-content h1{font-size:clamp(1.25rem,4vw,1.5rem);margin-bottom:8px}.scenario-detail-page .scenario-header .header-top .header-content .description{color:var(--color-text-light);font-size:1.125rem;line-height:1.6}.scenario-detail-page .scenario-header .meta-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.scenario-detail-page .scenario-header .meta-tags .tag{padding:4px 16px;border-radius:9999px;font-size:.875rem;font-weight:500;background:var(--color-background);color:var(--color-text)}.scenario-detail-page .scenario-header .progress-container{background:var(--color-background);padding:16px;border-radius:12px}.scenario-detail-page .scenario-header .progress-container .progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.scenario-detail-page .scenario-header .progress-container .progress-header .progress-label{font-weight:600;color:var(--color-text)}.scenario-detail-page .scenario-header .progress-container .progress-header .progress-percentage{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.scenario-detail-page .scenario-header .progress-container .progress-bar{height:12px;background:#fff;border-radius:9999px;overflow:hidden}.scenario-detail-page .scenario-header .progress-container .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:9999px;transition:width .35s ease}.scenario-detail-page .scenario-header .progress-container .progress-stats{display:flex;justify-content:space-between;margin-top:8px;font-size:.875rem;color:var(--color-text-light)}.scenario-detail-page .scenario-header .social-proof-badge{display:flex;align-items:center;gap:8px;padding:16px;background:rgba(var(--color-primary),.05);border-radius:12px;margin-top:24px}.scenario-detail-page .scenario-header .social-proof-badge .proof-icon{font-size:1.5rem}.scenario-detail-page .scenario-header .social-proof-badge .proof-text{flex:1;font-size:.875rem;color:var(--color-text)}.scenario-detail-page .scenario-header .social-proof-badge .proof-text strong{color:var(--color-primary);font-weight:700}.scenario-detail-page .scenario-header .social-proof-badge .trend-indicator{font-size:1.2rem}.scenario-detail-page .scenario-actions{display:flex;gap:16px;margin-bottom:32px;flex-wrap:wrap}.scenario-detail-page .scenario-actions button{padding:8px 24px;border-radius:12px;font-weight:500;transition:all .15s ease;cursor:pointer;border:none;font-size:1rem}.scenario-detail-page .scenario-actions button:hover{transform:translateY(-2px);box-shadow:0 4px 6px #00000012}.scenario-detail-page .scenario-actions button.btn-share{background:var(--color-primary);color:#fff}.scenario-detail-page .scenario-actions button.btn-share:hover{background:var(--color-primary-dark)}.scenario-detail-page .scenario-actions button.btn-export{background:linear-gradient(135deg,#6b46c1,#8b5cf6);color:#fff}.scenario-detail-page .scenario-actions button.btn-export:hover{background:linear-gradient(135deg,#553c9a,#7c3aed)}.scenario-detail-page .scenario-actions button.btn-reminder{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.scenario-detail-page .scenario-actions button.btn-reminder:hover{background:linear-gradient(135deg,#d97706,#f59e0b)}.scenario-detail-page .scenario-actions button.btn-reset{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-text-light)}.scenario-detail-page .scenario-actions button.btn-reset:hover{background:var(--color-background);border-color:var(--color-text)}.scenario-detail-page .scenario-actions button.btn-print{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-text-light)}.scenario-detail-page .scenario-actions button.btn-print:hover{background:var(--color-primary-dark)}.scenario-detail-page .checklist-section{background:var(--color-surface);border-radius:16px;padding:32px;box-shadow:0 4px 6px #00000012}.scenario-detail-page .checklist-section .section-title{margin-bottom:24px;font-size:1.25rem;display:flex;align-items:center;gap:8px}.scenario-detail-page .next-steps-section{margin-top:32px}.scenario-detail-page .next-steps-section .next-steps-header{background:linear-gradient(135deg,#6b8e7a1a,#d4af371a);border:2px solid rgba(107,142,122,.3);border-radius:16px;padding:32px;margin-bottom:24px;text-align:center}.scenario-detail-page .next-steps-section .next-steps-header h2{color:var(--color-primary);margin-bottom:16px;font-size:1.25rem}.scenario-detail-page .next-steps-section .next-steps-header p{color:var(--color-text);font-size:1rem;line-height:1.6;max-width:700px;margin:0 auto}.scenario-detail-page .next-steps-section .next-steps-header p strong{color:var(--color-primary);font-weight:700}.scenario-detail-page .premium-upsell{background:linear-gradient(135deg,#f0e5a7,#e8d88a);border-radius:16px;padding:32px;margin-top:32px;text-align:center;box-shadow:0 4px 6px #00000012}.scenario-detail-page .premium-upsell .upsell-icon{font-size:3rem;margin-bottom:16px}.scenario-detail-page .premium-upsell h3{color:#8b7419;margin-bottom:16px}.scenario-detail-page .premium-upsell p{color:#a68d2b;margin-bottom:24px}.scenario-detail-page .premium-upsell .btn-unlock{padding:16px 32px;background:var(--color-premium);color:#fff;border-radius:12px;font-weight:700;box-shadow:0 4px 6px #00000012;transition:all .15s ease}.scenario-detail-page .premium-upsell .btn-unlock:hover{background:#be9e2c;transform:translateY(-2px);box-shadow:0 10px 15px #0000001a}.referral-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;animation:fadeIn .2s ease}[data-theme=dark] .referral-modal-overlay{background:#000000d9}.referral-modal{background:var(--color-surface);border-radius:16px;padding:32px;max-width:550px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d;border:1px solid transparent}[data-theme=light] .referral-modal{border-color:#0000001a}[data-theme=dark] .referral-modal{border-color:#ffffff1a;box-shadow:0 20px 60px #0009}@media(max-width:480px){.referral-modal{padding:24px;max-width:100%;max-height:95vh;border-radius:16px 16px 0 0}}@media(max-width:400px){.referral-modal{padding:16px}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-light);transition:all .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;z-index:10}.modal-close:hover{background:var(--color-background);color:var(--color-text)}@media(max-width:480px){.modal-close{width:40px;height:40px;font-size:1.75rem}}.modal-header{text-align:center;margin-bottom:32px}.modal-header .modal-icon{font-size:3rem;display:block;margin-bottom:8px}.modal-header h2{font-size:1.75rem;color:var(--color-text);margin-bottom:8px}.modal-header .modal-description{color:var(--color-text-light);font-size:.95rem;line-height:1.5}.referral-code-section{background:var(--color-background);padding:24px;border-radius:12px;margin-bottom:24px}.referral-code-section .code-display{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;font-size:1.1rem}.referral-code-section .code-display .code-label{color:var(--color-text-light);font-weight:500}.referral-code-section .code-display .code-value{font-family:Courier New,monospace;font-weight:700;color:var(--color-primary);background:#fff;padding:4px 16px;border-radius:8px;letter-spacing:1px}.referral-code-section .link-copy-section{display:flex;gap:8px;align-items:center}.referral-code-section .link-copy-section .link-input{flex:1;padding:8px 16px;border:2px solid rgba(0,0,0,.1);border-radius:8px;font-size:.85rem;background:#fff;color:var(--color-text);font-family:monospace}.referral-code-section .link-copy-section .link-input:focus{outline:none;border-color:var(--color-primary)}.referral-code-section .link-copy-section .btn-copy{padding:8px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:all .2s;min-width:50px;display:flex;align-items:center;justify-content:center}.referral-code-section .link-copy-section .btn-copy:hover{background:#556f5e;transform:translateY(-1px)}.referral-code-section .link-copy-section .btn-copy.copied{background:var(--color-success)}.referral-code-section .copy-feedback{display:block;text-align:center;color:var(--color-success);font-size:.85rem;margin-top:8px;font-weight:500}.share-section{margin-bottom:24px}.share-section h3{font-size:1rem;color:var(--color-text);margin-bottom:16px;font-weight:600}.share-section .social-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:768px){.share-section .social-buttons{gap:8px}}@media(max-width:480px){.share-section .social-buttons{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.share-section .social-buttons{grid-template-columns:1fr;gap:8px}}.share-section .social-buttons .social-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;border:2px solid transparent;border-radius:12px;background:var(--color-surface);cursor:pointer;transition:all .2s;font-size:.85rem;font-weight:500}[data-theme=light] .share-section .social-buttons .social-btn{border-color:#0000001a}[data-theme=dark] .share-section .social-buttons .social-btn{border-color:#ffffff1a}.share-section .social-buttons .social-btn .btn-icon{width:28px;height:28px;transition:all .2s}.share-section .social-buttons .social-btn .btn-icon:not(svg){font-size:1.5rem}.share-section .social-buttons .social-btn .btn-text{color:var(--color-text);transition:all .2s;font-size:.8rem}@media(max-width:400px){.share-section .social-buttons .social-btn .btn-text{font-size:.75rem}}.share-section .social-buttons .social-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media(max-width:480px){.share-section .social-buttons .social-btn{padding:16px}}.share-section .social-buttons .social-btn.x .btn-icon{color:#000;font-weight:600}.share-section .social-buttons .social-btn.x:hover{border-color:#000;background:#000}.share-section .social-buttons .social-btn.x:hover .btn-text,.share-section .social-buttons .social-btn.x:hover .btn-icon{color:#fff}.share-section .social-buttons .social-btn.facebook .btn-icon{color:#1877f2}.share-section .social-buttons .social-btn.facebook:hover{border-color:#1877f2;background:#1877f2}.share-section .social-buttons .social-btn.facebook:hover .btn-text{color:#fff}.share-section .social-buttons .social-btn.whatsapp .btn-icon{color:#25d366}.share-section .social-buttons .social-btn.whatsapp:hover{border-color:#25d366;background:#25d366}.share-section .social-buttons .social-btn.whatsapp:hover .btn-text,.share-section .social-buttons .social-btn.whatsapp:hover .btn-icon{color:#fff}.share-section .social-buttons .social-btn.telegram .btn-icon{color:#08c}.share-section .social-buttons .social-btn.telegram:hover{border-color:#08c;background:#08c}.share-section .social-buttons .social-btn.telegram:hover .btn-text,.share-section .social-buttons .social-btn.telegram:hover .btn-icon{color:#fff}.share-section .social-buttons .social-btn.messenger .btn-icon{color:#0084ff}.share-section .social-buttons .social-btn.messenger:hover{border-color:#0084ff;background:#0084ff}.share-section .social-buttons .social-btn.messenger:hover .btn-text,.share-section .social-buttons .social-btn.messenger:hover .btn-icon{color:#fff}.share-section .social-buttons .social-btn.email .btn-icon{color:#6b8e7a}.share-section .social-buttons .social-btn.email:hover{border-color:#6b8e7a;background:#6b8e7a}.share-section .social-buttons .social-btn.email:hover .btn-text,.share-section .social-buttons .social-btn.email:hover .btn-icon{color:#fff}.share-section .social-buttons .social-btn.instagram .btn-icon{color:#e4405f}.share-section .social-buttons .social-btn.instagram:hover:not(:disabled){border-color:#e4405f;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.share-section .social-buttons .social-btn.instagram:hover:not(:disabled) .btn-text,.share-section .social-buttons .social-btn.instagram:hover:not(:disabled) .btn-icon{color:#fff}.share-section .social-buttons .social-btn.instagram:disabled{opacity:.6;cursor:wait}.share-section .social-buttons .social-btn.tiktok .btn-icon{color:#000}.share-section .social-buttons .social-btn.tiktok:hover:not(:disabled){border-color:#000;background:#000}.share-section .social-buttons .social-btn.tiktok:hover:not(:disabled) .btn-text,.share-section .social-buttons .social-btn.tiktok:hover:not(:disabled) .btn-icon{color:#fff}.share-section .social-buttons .social-btn.tiktok:disabled{opacity:.6;cursor:wait}.referral-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.referral-stats .stat-card{background:var(--color-background);padding:16px;border-radius:12px;display:flex;align-items:center;gap:16px}.referral-stats .stat-card .stat-icon{font-size:2rem}.referral-stats .stat-card .stat-content .stat-value{font-size:1.75rem;font-weight:700;color:var(--color-primary);line-height:1}.referral-stats .stat-card .stat-content .stat-label{font-size:.85rem;color:var(--color-text-light);margin-top:4px}.referral-benefits h3{font-size:1rem;color:var(--color-text);margin-bottom:16px;font-weight:600}.referral-benefits .benefits-list{list-style:none;padding:0;margin:0}.referral-benefits .benefits-list li{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.1)}.referral-benefits .benefits-list li:last-child{border-bottom:none}.referral-benefits .benefits-list li .benefit-icon{font-size:1.25rem;flex-shrink:0}.referral-benefits .benefits-list li .benefit-text{color:var(--color-text);font-size:.9rem;line-height:1.4}.dashboard-page{padding:32px}.dashboard-page .dashboard-profile-header{background:linear-gradient(135deg,#6b8e7a1a,#6b8e7a0d);border-radius:24px;padding:24px 32px;margin-bottom:48px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 1px 2px #0000000d;border:1px solid rgba(var(--color-primary),.15)}.dashboard-page .dashboard-profile-header .profile-summary{display:flex;align-items:center;gap:24px;flex:1}.dashboard-page .dashboard-profile-header .profile-summary .profile-avatar{width:60px;height:60px;border-radius:9999px;background:var(--color-surface);display:flex;align-items:center;justify-content:center;font-size:2rem;box-shadow:0 4px 6px #00000012;border:3px solid var(--color-primary);flex-shrink:0}.dashboard-page .dashboard-profile-header .profile-summary .profile-info{flex:1}.dashboard-page .dashboard-profile-header .profile-summary .profile-info h2{font-size:1.25rem;color:var(--color-text);margin:0 0 4px;font-weight:600}.dashboard-page .dashboard-profile-header .profile-summary .profile-info .profile-context{font-size:.875rem;color:var(--color-text-light);margin:0;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.dashboard-page .dashboard-profile-header .header-actions{display:flex;align-items:center;gap:16px}.dashboard-page .dashboard-profile-header .btn-achievements,.dashboard-page .dashboard-profile-header .btn-referral,.dashboard-page .dashboard-profile-header .btn-manage-profile{padding:16px 24px;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 1px 2px #0000000d}.dashboard-page .dashboard-profile-header .btn-achievements:hover,.dashboard-page .dashboard-profile-header .btn-referral:hover,.dashboard-page .dashboard-profile-header .btn-manage-profile:hover{transform:translateY(-2px);box-shadow:0 4px 6px #00000012}.dashboard-page .dashboard-profile-header .btn-achievements:active,.dashboard-page .dashboard-profile-header .btn-referral:active,.dashboard-page .dashboard-profile-header .btn-manage-profile:active{transform:translateY(0)}.dashboard-page .dashboard-profile-header .btn-referral{background:linear-gradient(135deg,#7b9ea8,#6b8e7a);color:#fff}.dashboard-page .dashboard-profile-header .btn-referral:hover{background:linear-gradient(135deg,#6a8d97,#5a7d69)}.dashboard-page .dashboard-profile-header .btn-achievements{background:linear-gradient(135deg,#e4a853,#d4af37);color:#fff}.dashboard-page .dashboard-profile-header .btn-achievements:hover{background:linear-gradient(135deg,#d99742,#c39e26)}.dashboard-page .dashboard-profile-header .btn-manage-profile{background:var(--color-primary);color:#fff}.dashboard-page .dashboard-profile-header .btn-manage-profile:hover{background:var(--color-primary-dark)}@media(max-width:768px){.dashboard-page .dashboard-profile-header{flex-direction:column;align-items:stretch;padding:24px}.dashboard-page .dashboard-profile-header .profile-summary .profile-avatar{width:50px;height:50px;font-size:1.5rem}.dashboard-page .dashboard-profile-header .profile-summary .profile-info h2{font-size:1.125rem}.dashboard-page .dashboard-profile-header .header-actions{flex-direction:column;width:100%}.dashboard-page .dashboard-profile-header .header-actions .btn-achievements,.dashboard-page .dashboard-profile-header .header-actions .btn-manage-profile{width:100%;text-align:center}}.dashboard-page .quick-actions-section{margin-bottom:48px}.dashboard-page .quick-actions-section .btn-profile-manage{width:100%;padding:24px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border:none;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #00000012}.dashboard-page .quick-actions-section .btn-profile-manage:hover{transform:translateY(-2px);box-shadow:0 10px 15px #0000001a}.dashboard-page .quick-actions-section .btn-profile-manage:active{transform:translateY(0)}.dashboard-page .dashboard-header{text-align:center;margin-bottom:48px}.dashboard-page .dashboard-header h1{margin-bottom:16px}.dashboard-page .dashboard-header .stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:32px}.dashboard-page .dashboard-header .stats-cards .stat-card{background:var(--color-surface);padding:24px;border-radius:16px;box-shadow:0 4px 6px #00000012}.dashboard-page .dashboard-header .stats-cards .stat-card .stat-value{font-size:2rem;font-weight:700;color:var(--color-primary);display:block;margin-bottom:4px}.dashboard-page .dashboard-header .stats-cards .stat-card .stat-label{font-size:.875rem;color:var(--color-text-light)}.dashboard-page .scenarios-progress{margin-bottom:48px}.dashboard-page .scenarios-progress h2{margin-bottom:24px}.dashboard-page .scenarios-progress .progress-list{display:flex;flex-direction:column;gap:16px}.dashboard-page .scenarios-progress .progress-list .progress-item{background:var(--color-surface);padding:24px;border-radius:12px;box-shadow:0 1px 2px #0000000d;transition:all .15s ease;position:relative;display:flex;align-items:stretch;gap:16px}.dashboard-page .scenarios-progress .progress-list .progress-item:hover{box-shadow:0 4px 6px #00000012}.dashboard-page .scenarios-progress .progress-list .progress-item:hover .btn-share-small{opacity:1}.dashboard-page .scenarios-progress .progress-list .progress-item .progress-link{flex:1;text-decoration:none;color:inherit}.dashboard-page .scenarios-progress .progress-list .progress-item .progress-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.dashboard-page .scenarios-progress .progress-list .progress-item .progress-header .icon{font-size:2rem}.dashboard-page .scenarios-progress .progress-list .progress-item .progress-header .info{flex:1}.dashboard-page .scenarios-progress .progress-list .progress-item .progress-header .info .title{font-weight:600;color:var(--color-text);margin-bottom:4px}.dashboard-page .scenarios-progress .progress-list .progress-item .progress-header .info .subtitle{font-size:.875rem;color:var(--color-text-light)}.dashboard-page .scenarios-progress .progress-list .progress-item .progress-header .percentage{font-size:1.25rem;font-weight:700;color:var(--color-primary)}.dashboard-page .scenarios-progress .progress-list .progress-item .btn-share-small{position:absolute;top:16px;right:16px;background:var(--color-primary);color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;opacity:0;transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.dashboard-page .scenarios-progress .progress-list .progress-item .btn-share-small:hover{background:#556f5e;transform:scale(1.1)}@media(max-width:480px){.dashboard-page .scenarios-progress .progress-list .progress-item .btn-share-small{opacity:1}}.dashboard-page .scenarios-progress .progress-list .progress-item .progress-bar{height:8px;background:var(--color-background);border-radius:9999px;overflow:hidden}.dashboard-page .scenarios-progress .progress-list .progress-item .progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:9999px;transition:width .35s ease}.dashboard-page .scenarios-progress .progress-list .progress-item .progress-bar .progress-fill.completed{background:linear-gradient(90deg,#6b8e7a,#82a793)}.dashboard-page .profile-section{background:var(--color-surface);padding:32px;border-radius:16px;box-shadow:0 4px 6px #00000012}.dashboard-page .profile-section h2{margin-bottom:24px}.dashboard-page .profile-section .profile-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.dashboard-page .profile-section .profile-form .form-group label{display:block;font-weight:500;margin-bottom:8px;color:var(--color-text)}.dashboard-page .profile-section .profile-form .form-group select,.dashboard-page .profile-section .profile-form .form-group input{width:100%;padding:8px 16px;border:2px solid var(--color-background);border-radius:12px;font-size:1rem;background:#fff;color:var(--color-text);transition:all .15s ease}.dashboard-page .profile-section .profile-form .form-group select:focus,.dashboard-page .profile-section .profile-form .form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary),.1)}.dashboard-page .profile-section .profile-form .form-group .checkbox-group{display:flex;align-items:center;gap:8px}.dashboard-page .profile-section .profile-form .form-group .checkbox-group input[type=checkbox]{width:auto;cursor:pointer}.dashboard-page .profile-section .danger-zone{margin-top:48px;padding-top:32px;border-top:2px solid var(--color-background)}.dashboard-page .profile-section .danger-zone h3{color:var(--color-danger);margin-bottom:16px}.dashboard-page .profile-section .danger-zone .danger-actions{display:flex;gap:16px;flex-wrap:wrap}.dashboard-page .profile-section .danger-zone .danger-actions button{padding:8px 24px;border-radius:12px;font-weight:500;background:var(--color-danger);color:#fff;transition:all .15s ease}.dashboard-page .profile-section .danger-zone .danger-actions button:hover{background:#b54638}.about-page{max-width:1200px;margin:0 auto;padding:2rem 1.5rem;animation:fadeIn .3s ease}.about-hero{text-align:center;margin-bottom:3rem}.about-hero .hero-icon{font-size:4rem;margin-bottom:1rem}.about-hero h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--text-primary)}.about-hero .subtitle{font-size:1.25rem;color:var(--text-secondary)}.card{background:var(--card-bg);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.philosophy-section p{margin-bottom:1rem;line-height:1.6;font-size:1.05rem}.philosophy-section strong{color:var(--primary)}.ecosystem-section{margin-bottom:3rem}.ecosystem-section h2{text-align:center;margin-bottom:1rem}.ecosystem-section .ecosystem-intro{text-align:center;max-width:700px;margin:0 auto 2rem;font-size:1.05rem;color:var(--text-secondary)}.ecosystem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:2rem}.ecosystem-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-sm);transition:all .3s ease;border:2px solid transparent}.ecosystem-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.ecosystem-card .card-icon{font-size:3rem;margin-bottom:.75rem}.ecosystem-card h3{margin-bottom:.5rem;color:var(--text-primary)}.ecosystem-card .card-tagline{color:var(--text-secondary);font-size:.95rem;margin-bottom:1rem;font-style:italic}.ecosystem-card .card-benefits{list-style:none;margin:1rem 0;padding:0}.ecosystem-card .card-benefits li{padding:.4rem 0;font-size:.95rem;color:var(--text-secondary)}.ecosystem-card .card-benefits li:before{content:"✓ ";color:var(--success);font-weight:700;margin-right:.5rem}.ecosystem-card .card-cta{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background:var(--primary);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:600;transition:all .2s ease}.ecosystem-card .card-cta:hover{background:var(--primary-dark);transform:translate(4px)}.values-section h2{text-align:center;margin-bottom:2rem}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.value-item{text-align:center}.value-item .value-icon{font-size:3rem;margin-bottom:.5rem}.value-item h3{margin-bottom:.5rem;color:var(--primary)}.value-item p{font-size:.95rem;color:var(--text-secondary)}.support-section{background:linear-gradient(135deg,#6b8e7a15,#6b8e7a05);border:2px solid var(--primary)}.support-section h2{text-align:center;margin-bottom:1rem}.support-section>p{text-align:center;margin-bottom:1.5rem;font-size:1.05rem}.support-section .support-list{max-width:600px;margin:0 auto;list-style:none;padding:0}.support-section .support-list li{padding:.75rem 0;font-size:1.05rem;display:flex;align-items:center}.support-section .support-list li strong{color:var(--primary)}.cta-back{text-align:center;margin-top:3rem}.cta-back .btn-primary{display:inline-block;padding:1rem 2rem;background:var(--primary);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:var(--shadow-sm)}.cta-back .btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media(max-width:768px){.about-page{padding:1rem}.about-hero h1{font-size:2rem}.about-hero .subtitle{font-size:1.1rem}.card{padding:1.5rem}.ecosystem-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:1fr;gap:1rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.landing-page{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#6b8e7a,#4a7c5e);display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:9999}.landing-page .floating-emojis{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.landing-page .floating-emojis .floating-emoji{position:absolute;bottom:-50px;font-size:2.5rem;opacity:.6;animation:float-up linear infinite;pointer-events:none}@keyframes float-up{0%{bottom:-50px;transform:translate(0) rotate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{bottom:110vh;transform:translate(100px) rotate(360deg);opacity:0}}.landing-page .landing-content{position:relative;z-index:2;text-align:center;color:#fff;opacity:0;transform:scale(.95);transition:all .8s cubic-bezier(.34,1.56,.64,1)}.landing-page .landing-content.show{opacity:1;transform:scale(1)}.landing-page .landing-content .landing-logo-animated{margin-bottom:32px}.landing-page .landing-content .landing-logo-animated .check-mark{display:inline-block;font-size:5rem;animation:bounceIn 1s ease-out}.landing-page .landing-content .landing-logo-animated .app-name{font-size:2rem;font-weight:700;margin-top:8px;letter-spacing:.1em;animation:slideInUp .8s ease-out .2s backwards}.landing-page .landing-content .landing-tagline{font-size:1.25rem;font-weight:600;margin-bottom:16px;opacity:.95;animation:slideInUp .8s ease-out .4s backwards}.landing-page .landing-content .landing-subtitle{font-size:1rem;max-width:500px;margin:0 auto 24px;opacity:.9;line-height:1.6;animation:slideInUp .8s ease-out .6s backwards}.landing-page .landing-content .hero-stats{display:flex;justify-content:center;gap:32px;margin-bottom:48px;animation:slideInUp .8s ease-out .7s backwards}@media(max-width:480px){.landing-page .landing-content .hero-stats{gap:16px}}.landing-page .landing-content .hero-stats .stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.landing-page .landing-content .hero-stats .stat-item .stat-value{font-size:1.5rem;font-weight:700;color:#fff}.landing-page .landing-content .hero-stats .stat-item .stat-label{font-size:.875rem;opacity:.8;text-transform:lowercase}.landing-page .landing-content .cta-buttons{line-height:1.6;animation:slideInUp .8s ease-out .6s backwards}.landing-page .landing-content .cta-buttons{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:400px;margin:0 auto;animation:fadeIn .8s ease-out .8s backwards}.landing-page .landing-content .cta-buttons .btn-primary,.landing-page .landing-content .cta-buttons .btn-secondary{width:100%;padding:24px 32px;border-radius:16px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid white;display:flex;align-items:center;justify-content:center;gap:8px}.landing-page .landing-content .cta-buttons .btn-primary:hover,.landing-page .landing-content .cta-buttons .btn-secondary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #0000004d}.landing-page .landing-content .cta-buttons .btn-primary:active,.landing-page .landing-content .cta-buttons .btn-secondary:active{transform:translateY(-1px)}.landing-page .landing-content .cta-buttons .btn-primary{background:#fff;color:#6b8e7a;border-color:#fff}.landing-page .landing-content .cta-buttons .btn-primary:hover{background:#fffffff2}.landing-page .landing-content .cta-buttons .btn-secondary{background:#ffffff1a;color:#fff;border-color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-page .landing-content .cta-buttons .btn-secondary:hover{background:#fff3}.landing-page .landing-content .cta-buttons .cta-note{font-size:.875rem;opacity:.85;margin-top:8px;max-width:350px;line-height:1.5}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@media(max-width:768px){.landing-page .landing-content{padding:0 24px}.landing-page .landing-content .landing-logo-animated .check-mark{font-size:4rem}.landing-page .landing-content .landing-logo-animated .app-name{font-size:1.5rem}.landing-page .landing-content .landing-tagline{font-size:1.125rem}.landing-page .landing-content .landing-subtitle{font-size:.875rem}.landing-page .landing-content .cta-buttons{max-width:100%}.landing-page .landing-content .cta-buttons .btn-primary,.landing-page .landing-content .cta-buttons .btn-secondary{padding:16px 24px;font-size:.875rem}}.discover-page{min-height:100vh;background:var(--color-background);padding:48px 24px}.discover-page .discover-container{max-width:1200px;margin:0 auto;animation:fadeIn .6s ease-out}.discover-page .discover-header{text-align:center;margin-bottom:48px}.discover-page .discover-header .logo-badge{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:9999px;font-size:3rem;color:#fff;margin-bottom:24px;box-shadow:0 10px 15px #0000001a;animation:bounceIn .8s ease-out}.discover-page .discover-header h1{font-size:2rem;color:var(--color-text);margin-bottom:16px;font-weight:700}.discover-page .discover-header .intro-text{font-size:1.125rem;color:var(--color-text-light);max-width:600px;margin:0 auto;line-height:1.6}.discover-page .features-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:48px}.discover-page .features-showcase .feature-card{background:var(--color-surface);border-radius:16px;padding:32px;box-shadow:0 4px 6px #00000012;transition:transform .3s ease,box-shadow .3s ease;animation:slideInUp .6s ease-out backwards}.discover-page .features-showcase .feature-card:nth-child(1){animation-delay:.1s}.discover-page .features-showcase .feature-card:nth-child(2){animation-delay:.2s}.discover-page .features-showcase .feature-card:nth-child(3){animation-delay:.3s}.discover-page .features-showcase .feature-card:nth-child(4){animation-delay:.4s}.discover-page .features-showcase .feature-card:nth-child(5){animation-delay:.5s}.discover-page .features-showcase .feature-card:nth-child(6){animation-delay:.6s}.discover-page .features-showcase .feature-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px #0000001a}.discover-page .features-showcase .feature-card .feature-icon{font-size:3rem;margin-bottom:16px}.discover-page .features-showcase .feature-card h3{font-size:1.125rem;color:var(--color-text);margin-bottom:8px;font-weight:600}.discover-page .features-showcase .feature-card p{font-size:1rem;color:var(--color-text-light);line-height:1.6;margin:0}.discover-page .features-showcase .feature-card p strong{color:var(--color-primary);font-weight:600}.discover-page .philosophy-section{text-align:center;background:linear-gradient(135deg,#6b8e7a1a,#6b8e7a0d);border-radius:24px;padding:48px;margin-bottom:48px;animation:fadeIn .8s ease-out .6s backwards}.discover-page .philosophy-section .philosophy-icon{font-size:3.5rem;margin-bottom:16px}.discover-page .philosophy-section h2{font-size:1.5rem;color:var(--color-text);margin-bottom:24px;font-weight:700}.discover-page .philosophy-section .philosophy-text{font-size:1.25rem;color:var(--color-primary);margin-bottom:16px;font-weight:600;line-height:1.5}.discover-page .philosophy-section .philosophy-description{font-size:1rem;color:var(--color-text-light);max-width:700px;margin:0 auto;line-height:1.8}.discover-page .cta-section{text-align:center;animation:fadeIn 1s ease-out .8s backwards}.discover-page .cta-section .btn-get-started{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:#fff;border:none;padding:24px 48px;border-radius:12px;font-size:1.125rem;font-weight:600;cursor:pointer;box-shadow:0 10px 15px #0000001a;transition:all .3s ease}.discover-page .cta-section .btn-get-started:hover{transform:translateY(-3px);box-shadow:0 20px 25px #00000026}.discover-page .cta-section .btn-get-started:active{transform:translateY(-1px)}.discover-page .cta-section .cta-note{margin-top:16px;font-size:.875rem;color:var(--color-text-light)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@media(max-width:768px){.discover-page{padding:32px 16px}.discover-page .discover-header .logo-badge{width:60px;height:60px;font-size:2.5rem}.discover-page .discover-header h1{font-size:1.5rem}.discover-page .discover-header .intro-text{font-size:1rem}.discover-page .features-showcase{grid-template-columns:1fr;gap:16px}.discover-page .features-showcase .feature-card{padding:24px}.discover-page .philosophy-section{padding:32px 24px}.discover-page .philosophy-section .philosophy-text{font-size:1.125rem}.discover-page .cta-section .btn-get-started{width:100%;padding:16px 24px;font-size:1rem}}.profile-page{min-height:100vh;background:var(--color-background);padding:32px 24px}.profile-page .profile-container{max-width:1000px;margin:0 auto}.profile-page .profile-header{margin-bottom:32px}.profile-page .profile-header .btn-back{background:transparent;border:none;color:var(--color-primary);font-size:1rem;cursor:pointer;padding:8px 0;margin-bottom:16px;transition:opacity .2s ease}.profile-page .profile-header .btn-back:hover{opacity:.7}.profile-page .profile-header h1{font-size:2rem;color:var(--color-text);font-weight:700}.profile-page .profile-content{display:flex;flex-direction:column;gap:32px}.profile-page .profile-section{background:var(--color-surface);border-radius:16px;padding:32px;box-shadow:0 4px 6px #00000012}.profile-page .profile-section h2{font-size:1.25rem;color:var(--color-text);margin-bottom:24px;font-weight:600;display:flex;align-items:center;gap:8px}.profile-page .profile-section .section-content{display:flex;flex-direction:column;gap:24px}.profile-page .identity-section .avatar-picker label{display:block;font-size:.875rem;color:var(--color-text-light);margin-bottom:8px;font-weight:500}.profile-page .identity-section .avatar-picker .avatars-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.profile-page .identity-section .avatar-picker .avatars-grid .avatar-option{width:60px;height:60px;font-size:2rem;border:2px solid transparent;border-radius:12px;background:var(--color-background);cursor:pointer;transition:all .2s ease}.profile-page .identity-section .avatar-picker .avatars-grid .avatar-option:hover{transform:scale(1.1);border-color:var(--color-primary-light)}.profile-page .identity-section .avatar-picker .avatars-grid .avatar-option.active{border-color:var(--color-primary);background:rgba(var(--color-primary),.1);transform:scale(1.15)}.profile-page .identity-section .form-group{display:flex;flex-direction:column}.profile-page .identity-section .form-group label{font-size:.875rem;color:var(--color-text-light);margin-bottom:8px;font-weight:500}.profile-page .identity-section .form-group input,.profile-page .identity-section .form-group textarea{padding:16px;border:1px solid rgba(0,0,0,.1);border-radius:12px;font-size:1rem;background:var(--color-background);color:var(--color-text);transition:border-color .2s ease}.profile-page .identity-section .form-group input:focus,.profile-page .identity-section .form-group textarea:focus{outline:none;border-color:var(--color-primary)}.profile-page .identity-section .form-group textarea{resize:vertical;font-family:inherit}.profile-page .identity-section .form-group .char-count{align-self:flex-end;font-size:.75rem;color:var(--color-text-light);margin-top:4px}.profile-page .personalization-section .form-group{display:flex;flex-direction:column}.profile-page .personalization-section .form-group label{font-size:.875rem;color:var(--color-text-light);margin-bottom:8px;font-weight:500}.profile-page .personalization-section .form-group select,.profile-page .personalization-section .form-group input[type=number]{padding:16px;border:1px solid rgba(0,0,0,.1);border-radius:12px;font-size:1rem;background:var(--color-background);color:var(--color-text);cursor:pointer;transition:border-color .2s ease}.profile-page .personalization-section .form-group select:focus,.profile-page .personalization-section .form-group input[type=number]:focus{outline:none;border-color:var(--color-primary)}.profile-page .personalization-section .checkboxes-group{display:flex;flex-direction:column;gap:16px}.profile-page .personalization-section .checkboxes-group .checkbox-label{display:flex;align-items:center;gap:16px;cursor:pointer;padding:16px;border-radius:12px;background:var(--color-background);transition:background .2s ease}.profile-page .personalization-section .checkboxes-group .checkbox-label:hover{background:rgba(var(--color-primary),.05)}.profile-page .personalization-section .checkboxes-group .checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-primary)}.profile-page .personalization-section .checkboxes-group .checkbox-label span{font-size:1rem;color:var(--color-text)}.profile-page .stats-section .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.profile-page .stats-section .stats-grid .stat-card{background:var(--color-background);border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;border:1px solid rgba(0,0,0,.1)}.profile-page .stats-section .stats-grid .stat-card .stat-icon{font-size:2.5rem;flex-shrink:0}.profile-page .stats-section .stats-grid .stat-card .stat-info{flex:1}.profile-page .stats-section .stats-grid .stat-card .stat-info .stat-label{font-size:.875rem;color:var(--color-text-light);margin-bottom:4px}.profile-page .stats-section .stats-grid .stat-card .stat-info .stat-value{font-size:1.25rem;color:var(--color-text);font-weight:700;margin-bottom:4px}.profile-page .stats-section .stats-grid .stat-card .stat-info .stat-detail{font-size:.75rem;color:var(--color-text-light)}.profile-page .stats-section .stats-grid .stat-card .stat-info .btn-premium-unlock{margin-top:8px;padding:8px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.profile-page .stats-section .stats-grid .stat-card .stat-info .btn-premium-unlock:hover{background:var(--color-primary-dark);transform:translate(2px)}.profile-page .danger-zone{border:2px solid var(--color-danger);background:rgba(var(--color-danger),.05)}.profile-page .danger-zone h2{color:var(--color-danger)}.profile-page .danger-zone .danger-warning{background:rgba(var(--color-danger),.1);border-left:4px solid var(--color-danger);padding:16px;border-radius:8px;margin-bottom:24px}.profile-page .danger-zone .danger-warning p{margin:0;color:var(--color-text);font-size:.875rem}.profile-page .danger-zone .danger-actions{display:flex;flex-direction:column;gap:24px}.profile-page .danger-zone .danger-actions .danger-action{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px;background:var(--color-background);border-radius:12px;border:1px solid rgba(0,0,0,.1)}.profile-page .danger-zone .danger-actions .danger-action.critical{border-color:var(--color-danger);background:rgba(var(--color-danger),.03)}.profile-page .danger-zone .danger-actions .danger-action .action-info{flex:1}.profile-page .danger-zone .danger-actions .danger-action .action-info h3{font-size:1rem;color:var(--color-text);margin-bottom:4px;font-weight:600}.profile-page .danger-zone .danger-actions .danger-action .action-info p{margin:0;font-size:.875rem;color:var(--color-text-light);line-height:1.4}.profile-page .danger-zone .danger-actions .danger-action .btn-danger{padding:16px 24px;background:transparent;color:var(--color-danger);border:2px solid var(--color-danger);border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.profile-page .danger-zone .danger-actions .danger-action .btn-danger:hover{background:#c86a5a1a}.profile-page .danger-zone .danger-actions .danger-action .btn-danger.confirm{background:var(--color-danger);color:#fff;animation:pulse .5s ease}.profile-page .danger-zone .danger-actions .danger-action .btn-danger.confirm:hover{background:#b35d4f}.profile-page .danger-zone .danger-actions .danger-action .btn-danger.critical{border-color:#b35d4f;color:#b35d4f}.profile-page .danger-zone .danger-actions .danger-action .btn-danger.critical.confirm{background:#b35d4f;color:#fff}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:768px){.profile-page{padding:24px 16px}.profile-page .profile-header h1{font-size:1.5rem}.profile-page .profile-section{padding:24px}.profile-page .profile-section h2{font-size:1.125rem}.profile-page .identity-section .avatar-picker .avatars-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.profile-page .identity-section .avatar-picker .avatars-grid .avatar-option{width:50px;height:50px;font-size:1.5rem}.profile-page .stats-section .stats-grid{grid-template-columns:1fr}.profile-page .danger-zone .danger-actions .danger-action{flex-direction:column;align-items:stretch}.profile-page .danger-zone .danger-actions .danger-action .btn-danger{width:100%}}.onboarding-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;animation:fadeIn .4s ease}.onboarding-modal{background:var(--color-surface);border:1px solid rgba(0,0,0,.1);border-radius:16px;padding:32px;max-width:500px;width:100%;position:relative;box-shadow:0 25px 50px #00000040;animation:slideUp .5s ease}@media(max-width:480px){.onboarding-modal{padding:24px;max-width:100%}}.onboarding-step{text-align:center}.onboarding-step .icon{font-size:4rem;margin-bottom:24px;animation:bounce .6s ease}.onboarding-step h2{font-size:1.5rem;margin-bottom:16px;color:var(--color-text)}.onboarding-step p{font-size:1rem;color:var(--color-text-light);margin-bottom:32px;line-height:1.6}.avatar-picker{margin-bottom:24px}.avatar-picker label{display:block;font-weight:600;margin-bottom:8px;color:var(--color-text);text-align:left}.avatars-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:24px}@media(max-width:480px){.avatars-grid{grid-template-columns:repeat(4,1fr)}}.avatar-option{font-size:2rem;width:100%;aspect-ratio:1;border:2px solid rgba(0,0,0,.1);border-radius:12px;background:var(--color-background);cursor:pointer;transition:.25s ease;display:flex;align-items:center;justify-content:center}.avatar-option:hover{transform:translateY(-2px);border-color:var(--color-accent)}.avatar-option.active{border-color:var(--color-accent);background:var(--color-accent);transform:scale(1.1);box-shadow:0 4px 12px #c96a5a4d}.form-group{margin-bottom:24px;text-align:left}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:var(--color-text)}.input-text,.input-select,.input-number,.textarea{width:100%;padding:16px;border:2px solid rgba(0,0,0,.1);border-radius:12px;background:var(--color-surface);color:var(--color-text);font-size:1rem;transition:.25s ease}.input-text:focus,.input-select:focus,.input-number:focus,.textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #c96a5a1a}.input-text::placeholder,.input-select::placeholder,.input-number::placeholder,.textarea::placeholder{color:var(--color-text-light)}.input-number{text-align:center;font-size:1.125rem;font-weight:600}.textarea{resize:vertical;min-height:100px;font-family:inherit}.char-count{display:block;text-align:right;font-size:.875rem;color:var(--color-text-light);margin-top:4px}.checkboxes-group{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;text-align:left}.checkbox-label{display:flex;align-items:center;gap:8px;padding:16px;border:2px solid rgba(0,0,0,.1);border-radius:12px;background:var(--color-surface);cursor:pointer;transition:.25s ease}.checkbox-label:hover{border-color:var(--color-accent);background:var(--color-background)}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--color-accent)}.checkbox-label span{font-size:1rem;color:var(--color-text);-webkit-user-select:none;user-select:none}.btn-primary{width:100%;padding:16px 24px;background:var(--color-accent);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:.25s ease}.btn-primary:hover:not(:disabled){background:var(--color-danger);transform:translateY(-2px);box-shadow:0 4px 12px #c96a5a66}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.progress-dots{display:flex;justify-content:center;gap:8px;margin-top:32px}.progress-dots .dot{width:8px;height:8px;border-radius:50%;background:var(--border-color);transition:all .3s ease}.progress-dots .dot.active{background:var(--accent-color);transform:scale(1.3)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.fade-in{animation:fadeIn .4s ease}.achievement-share-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:16px;animation:fadeIn .2s ease}.achievement-share-modal{background:var(--color-background);border-radius:16px;box-shadow:0 25px 50px #00000040;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease}.achievement-share-modal .close-btn{position:absolute;top:16px;right:16px;background:transparent;border:none;font-size:2rem;line-height:1;cursor:pointer;color:var(--color-text-light);transition:all .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%}.achievement-share-modal .close-btn:hover{background:#0000001a;color:var(--color-text);transform:rotate(90deg)}.share-header{padding:32px;text-align:center;border-bottom:1px solid rgba(0,0,0,.1)}.share-header h2{margin:0 0 8px;color:var(--color-primary);font-size:1.75rem}.share-header p{margin:0;color:var(--color-text-light);font-size:1rem}.achievement-card{margin:32px;padding:24px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;box-shadow:0 10px 15px #0000001a}.achievement-card .card-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.achievement-card .card-header .card-icon{font-size:3rem;line-height:1}.achievement-card .card-header .card-info{flex:1}.achievement-card .card-header .card-info h3{margin:0 0 4px;font-size:1.5rem}.achievement-card .card-header .card-info .level-badge{margin:0;font-size:.875rem;opacity:.9;font-weight:500}.achievement-card .card-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.achievement-card .card-stats .stat{text-align:center;padding:8px;background:#ffffff26;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.achievement-card .card-stats .stat .stat-icon{display:block;font-size:1.5rem;margin-bottom:4px}.achievement-card .card-stats .stat .stat-value{display:block;font-size:1.5rem;font-weight:700;margin-bottom:4px}.achievement-card .card-stats .stat .stat-label{display:block;font-size:.75rem;opacity:.8;text-transform:uppercase;letter-spacing:.5px}.achievement-card .card-badges{padding-top:24px;border-top:1px solid rgba(255,255,255,.2)}.achievement-card .card-badges h4{margin:0 0 16px;font-size:1rem;opacity:.9}.achievement-card .card-badges .badges-list{display:flex;gap:8px;flex-wrap:wrap}.achievement-card .card-badges .badges-list .badge-item{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#fff3;border-radius:20px;font-size:.875rem}.achievement-card .card-badges .badges-list .badge-item .badge-icon{font-size:1.2rem}.share-actions{display:flex;gap:16px;padding:0 32px 16px}.share-actions .share-btn{flex:1;padding:16px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.share-actions .share-btn.copy{background:var(--color-primary);color:#fff}.share-actions .share-btn.copy:hover{background:#4b5faa;transform:translateY(-2px);box-shadow:0 4px 6px #00000012}.share-actions .share-btn.native{background:var(--color-success);color:#fff}.share-actions .share-btn.native:hover{background:#20a447;transform:translateY(-2px);box-shadow:0 4px 6px #00000012}.social-share{padding:16px 32px 32px}.social-share h4{margin:0 0 16px;color:var(--color-text);font-size:1rem;text-align:center}.social-share .social-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.social-share .social-buttons .social-btn{width:56px;height:56px;border:none;border-radius:50%;font-size:1.5rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:#fff}.social-share .social-buttons .social-btn:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 10px 15px #0000001a}.social-share .social-buttons .social-btn.x{background:#000}.social-share .social-buttons .social-btn.facebook{background:#1877f2}.social-share .social-buttons .social-btn.whatsapp{background:#25d366}.social-share .social-buttons .social-btn.telegram{background:#08c}.social-share .social-buttons .social-btn.linkedin{background:#0a66c2}.pseudo-hint{margin:0 32px 32px;padding:16px;background:#fff3cd;border-left:4px solid #ffc107;border-radius:12px;font-size:.875rem;color:#856404}.pseudo-hint strong{color:#664d03}.pseudo-hint a{color:var(--color-primary);text-decoration:underline}.pseudo-hint a:hover{color:#4b5faa}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:768px){.achievement-card .card-stats{grid-template-columns:repeat(2,1fr)}.share-actions{flex-direction:column}.social-share .social-buttons{gap:8px}.social-share .social-buttons .social-btn{width:48px;height:48px;font-size:1.25rem}}.gamification-panel{max-width:1200px;margin:0 auto;padding:32px}.gamification-panel .achievement-popup{position:fixed;top:80px;right:24px;background:linear-gradient(135deg,gold,orange);padding:24px;border-radius:16px;box-shadow:0 20px 25px #00000026;z-index:1000;animation:slideIn .5s ease-out;max-width:350px}.gamification-panel .achievement-popup .popup-header{font-size:1.125rem;font-weight:700;color:#fff;margin-bottom:16px;text-align:center}.gamification-panel .achievement-popup .popup-achievement{display:flex;align-items:center;gap:16px;background:#fff3;padding:16px;border-radius:12px;margin-top:8px}.gamification-panel .achievement-popup .popup-achievement .popup-icon{font-size:2rem}.gamification-panel .achievement-popup .popup-achievement .popup-info{flex:1}.gamification-panel .achievement-popup .popup-achievement .popup-info .popup-title{font-weight:700;color:#fff}.gamification-panel .achievement-popup .popup-achievement .popup-info .popup-points{color:#ffffffe6;font-size:.875rem}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.gamification-panel .level-card{background:linear-gradient(135deg,var(--color-primary),#82A793);color:#fff;padding:32px;border-radius:16px;box-shadow:0 10px 15px #0000001a;margin-bottom:32px}.gamification-panel .level-card .level-header{display:flex;align-items:center;gap:24px;margin-bottom:24px}.gamification-panel .level-card .level-header .level-icon{font-size:4rem}.gamification-panel .level-card .level-header .level-info{flex:1}.gamification-panel .level-card .level-header .level-info h3{font-size:1.5rem;margin-bottom:4px}.gamification-panel .level-card .level-header .level-info p{opacity:.9}.gamification-panel .level-card .level-header .level-actions{display:flex;gap:8px}.gamification-panel .level-card .level-header .invite-friends-btn,.gamification-panel .level-card .level-header .share-achievements-btn{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.4);padding:8px 24px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gamification-panel .level-card .level-header .invite-friends-btn:hover,.gamification-panel .level-card .level-header .share-achievements-btn:hover{background:#ffffff4d;border-color:#fff9;transform:translateY(-2px);box-shadow:0 4px 6px #00000012}.gamification-panel .level-card .level-progress .progress-bar{background:#fff3;height:12px;border-radius:9999px;overflow:hidden;margin-bottom:8px}.gamification-panel .level-card .level-progress .progress-bar .progress-fill{background:linear-gradient(90deg,gold,orange);height:100%;transition:width 1s ease-out}.gamification-panel .level-card .level-progress .progress-text{font-size:.875rem;opacity:.9}.gamification-panel .streak-card{display:flex;align-items:center;gap:24px;background:var(--color-background);padding:24px;border-radius:12px;box-shadow:0 4px 6px #00000012;margin-bottom:32px;border:2px solid var(--color-accent)}.gamification-panel .streak-card .streak-icon{font-size:3rem}.gamification-panel .streak-card .streak-info h4{color:var(--color-text);margin-bottom:4px}.gamification-panel .streak-card .streak-info .streak-count{font-size:1.5rem;font-weight:700;color:var(--color-accent)}.gamification-panel .challenges-section{margin-bottom:48px}.gamification-panel .challenges-section h3{color:var(--color-text);margin-bottom:24px;font-size:1.25rem}.gamification-panel .challenges-section .challenges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.gamification-panel .challenges-section .challenges-grid .challenge-card{background:var(--color-background);padding:24px;border-radius:12px;box-shadow:0 4px 6px #00000012;border:2px solid rgba(0,0,0,.1);transition:all .15s ease}.gamification-panel .challenges-section .challenges-grid .challenge-card:hover{box-shadow:0 10px 15px #0000001a;transform:translateY(-2px)}.gamification-panel .challenges-section .challenges-grid .challenge-card.completed{background:#6b8e7a1a;border-color:var(--color-success)}.gamification-panel .challenges-section .challenges-grid .challenge-card h4{color:var(--color-text);margin-bottom:8px}.gamification-panel .challenges-section .challenges-grid .challenge-card p{color:var(--color-text-light);font-size:.875rem;margin-bottom:16px}.gamification-panel .challenges-section .challenges-grid .challenge-card .challenge-progress{margin-bottom:16px}.gamification-panel .challenges-section .challenges-grid .challenge-card .challenge-progress .progress-bar{background:#0000001a;height:8px;border-radius:9999px;overflow:hidden;margin-bottom:4px}.gamification-panel .challenges-section .challenges-grid .challenge-card .challenge-progress .progress-bar .progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-success));height:100%;transition:width .5s ease-out}.gamification-panel .challenges-section .challenges-grid .challenge-card .challenge-progress .progress-text{font-size:.875rem;color:var(--color-text-light)}.gamification-panel .challenges-section .challenges-grid .challenge-card .challenge-reward{font-weight:600;color:var(--color-premium)}.gamification-panel .achievements-section{margin-bottom:48px}.gamification-panel .achievements-section h3{color:var(--color-text);margin-bottom:24px;font-size:1.25rem}.gamification-panel .achievements-section .achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.gamification-panel .achievements-section .achievements-grid .achievement-card{background:var(--color-background);padding:24px;border-radius:12px;box-shadow:0 1px 2px #0000000d;text-align:center;transition:all .15s ease;border:2px solid rgba(0,0,0,.1)}.gamification-panel .achievements-section .achievements-grid .achievement-card.unlocked{border-color:var(--color-success)}.gamification-panel .achievements-section .achievements-grid .achievement-card.unlocked:hover{transform:scale(1.05);box-shadow:0 10px 15px #0000001a}.gamification-panel .achievements-section .achievements-grid .achievement-card.unlocked .achievement-icon{font-size:2.5rem;margin-bottom:8px}.gamification-panel .achievements-section .achievements-grid .achievement-card.locked{opacity:.6}.gamification-panel .achievements-section .achievements-grid .achievement-card.locked .achievement-icon{font-size:2rem;margin-bottom:8px;filter:grayscale(100%)}.gamification-panel .achievements-section .achievements-grid .achievement-card h4{color:var(--color-text);font-size:1rem;margin-bottom:4px}.gamification-panel .achievements-section .achievements-grid .achievement-card p{color:var(--color-text-light);font-size:.875rem;margin-bottom:8px}.gamification-panel .achievements-section .achievements-grid .achievement-card .achievement-points{display:inline-block;background:var(--color-premium);color:#fff;padding:4px 8px;border-radius:9999px;font-size:.75rem;font-weight:700;margin-bottom:8px}.gamification-panel .achievements-section .achievements-grid .achievement-card .achievement-share-buttons{display:flex;justify-content:center;gap:4px;margin-top:8px}.gamification-panel .achievements-section .achievements-grid .achievement-card .achievement-share-buttons button{width:32px;height:32px;border:none;border-radius:50%;font-size:1rem;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.gamification-panel .achievements-section .achievements-grid .achievement-card .achievement-share-buttons button:hover{transform:translateY(-2px);box-shadow:0 4px 6px #00000012}.gamification-panel .achievements-section .achievements-grid .achievement-card .achievement-share-buttons button.share-btn-x{background:linear-gradient(135deg,#1da1f2,#0c85d0)}.gamification-panel .achievements-section .achievements-grid .achievement-card .achievement-share-buttons button.share-btn-x:hover{background:linear-gradient(135deg,#0c85d0,#0a6fb5)}.gamification-panel .achievements-section .achievements-grid .achievement-card .achievement-share-buttons button.share-btn-facebook{background:linear-gradient(135deg,#1877f2,#0c63d4)}.gamification-panel .achievements-section .achievements-grid .achievement-card .achievement-share-buttons button.share-btn-facebook:hover{background:linear-gradient(135deg,#0c63d4,#084ca0)}.gamification-panel .achievements-section .achievements-grid .achievement-card .achievement-share-buttons button.share-btn-linkedin{background:linear-gradient(135deg,#0077b5,#005e93)}.gamification-panel .achievements-section .achievements-grid .achievement-card .achievement-share-buttons button.share-btn-linkedin:hover{background:linear-gradient(135deg,#005e93,#004570)}@media(max-width:768px){.gamification-panel{padding:16px}.gamification-panel .level-card .level-header{flex-direction:column;text-align:center}.gamification-panel .level-card .level-header .level-icon{font-size:3rem}.gamification-panel .challenges-grid{grid-template-columns:1fr}.gamification-panel .achievements-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.gamification-panel .achievement-popup{right:8px;left:8px;max-width:none}}:root,[data-theme=light]{--color-primary: #6B8E7A;--color-primary-light: #8BA89A;--color-primary-dark: #556F5E;--color-background: #F4F1EC;--color-surface: #FFFFFF;--color-text: #2E2E2E;--color-text-light: #6B6B6B;--color-accent: #C96A5A;--color-success: #6B8E7A;--color-warning: #E4A853;--color-danger: #C96A5A;--color-info: #6B8E7A;--color-priority-1: #C96A5A;--color-priority-2: #E4A853;--color-priority-3: #8BA89A;--color-premium: #D4AF37}[data-theme=dark]{--color-primary: #8BA89A;--color-primary-light: #A5BCAE;--color-primary-dark: #6B8E7A;--color-background: #1a1a1a;--color-surface: #2a2a2a;--color-text: #e0e0e0;--color-text-light: #a0a0a0;--color-accent: #D97A6A;--color-success: #8BA89A;--color-warning: #F4B963;--color-danger: #D97A6A;--color-info: #8BA89A;--color-priority-1: #D97A6A;--color-priority-2: #F4B963;--color-priority-3: #A5BCAE;--color-premium: #E4BF47}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:"Source Sans 3",-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;font-weight:400;line-height:1.6;color:var(--color-text);background-color:var(--color-background);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600;line-height:1.2;color:var(--color-text)}h1{font-size:2rem;margin-bottom:24px}h2{font-size:1.5rem;margin-bottom:16px}h3{font-size:1.25rem;margin-bottom:16px}h4{font-size:1.125rem;margin-bottom:8px}p{margin-bottom:16px}a{color:var(--color-primary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-primary-dark)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}@media(min-width:768px){.container{padding:0 24px}}.text-center{text-align:center}.text-muted{color:var(--color-text-light)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:4px}.mb-sm{margin-bottom:8px}.mb-md{margin-bottom:16px}.mb-lg{margin-bottom:24px}.mb-xl{margin-bottom:32px}.mt-0{margin-top:0}.mt-xs{margin-top:4px}.mt-sm{margin-top:8px}.mt-md{margin-top:16px}.mt-lg{margin-top:24px}.mt-xl{margin-top:32px}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-light)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes highlightPulse{0%{background-color:rgba(var(--color-primary),.3)}50%{background-color:rgba(var(--color-primary),.1)}to{background-color:transparent}}.fade-in{animation:fadeIn .25s ease}.slide-up{animation:slideUp .25s ease}.highlight-pulse{animation:highlightPulse 2s ease-out}