@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#fff;padding:2rem;border-radius:12px;width:90%;max-width:400px;position:relative;box-shadow:0 10px 25px #0003;color:#333}.close-btn{position:absolute;top:10px;right:15px;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9rem}.form-group input,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:6px;font-size:1rem}.error-msg{color:#e74c3c;background:#fceae9;padding:.5rem;border-radius:4px;margin-bottom:1rem;font-size:.9rem}.switch-auth{margin-top:1rem;font-size:.9rem;text-align:center}.link-btn{background:none;border:none;color:#3498db;text-decoration:underline;cursor:pointer;font-size:inherit;padding:0}.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:all .3s ease;padding:1rem 0;background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(167,139,250,.15);box-shadow:0 4px 30px #00000008}.header-container{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-sm)}.logo{font-size:2rem;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.05em;text-decoration:none;display:flex;align-items:center}.main-nav ul{display:flex;gap:2rem;align-items:center;list-style:none;margin:0;padding:0}.main-nav li{display:block;list-style:none}.main-nav a{color:var(--color-text-muted);font-weight:600;font-size:.95rem;padding:.5rem 0;position:relative;text-decoration:none;transition:color .3s ease}.main-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:2px;background:var(--color-primary);transition:width .3s ease;border-radius:99px}.main-nav a:hover,.main-nav a.active{color:var(--color-primary)}.main-nav a.active:after{width:100%}.header-controls{display:flex;align-items:center;gap:1.5rem}.auth-buttons{display:flex;align-items:center;gap:1rem}.btn-auth{font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s;border:none;background:none;font-family:inherit}.btn-auth:first-child{color:var(--color-text-main)}.btn-auth:first-child:hover{color:var(--color-primary)}.btn-auth:last-child{background:var(--color-primary);color:#fff;padding:.6rem 1.5rem;border-radius:var(--radius-full);box-shadow:0 4px 12px #a78bfa4d}.btn-auth:last-child:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 8px 16px #a78bfa66}.user-info{display:flex;align-items:center;gap:1rem;font-weight:600;color:var(--color-text-main)}.btn-logout{padding:.4rem 1rem;border-radius:99px;border:1px solid #fca5a5;background:#fef2f2;color:#ef4444;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.btn-logout:hover{background:#fee2e2;color:#dc2626}.lang-dropdown-container{position:relative;z-index:1002}.lang-toggle-btn{background:#ffffff80;border:1px solid var(--color-border);border-radius:50px;padding:.4rem;font-size:1.2rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;width:44px;height:44px}.lang-toggle-btn:hover{background:#fff;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.lang-dropdown-menu{position:absolute;top:120%;right:0;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:.5rem;display:flex;flex-direction:column;gap:.25rem;min-width:50px;animation:fadeInDropdown .2s ease forwards}.lang-option{background:transparent;border:none;padding:.4rem;cursor:pointer;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center;width:100%}.flag-icon{width:24px;height:24px;border-radius:50%;object-fit:cover;box-shadow:0 2px 5px #0000001a}.lang-option:hover{background:#a78bfa1a;transform:scale(1.1)}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.hamburger{display:block;width:24px;height:2px;background:var(--color-text-main);position:relative;transition:all .3s}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background:var(--color-text-main);transition:all .3s}.hamburger:before{top:-8px}.hamburger:after{top:8px}.hamburger.open{background:transparent}.hamburger.open:before{transform:rotate(45deg);top:0}.hamburger.open:after{transform:rotate(-45deg);top:0}@media (max-width: 900px){.main-nav{position:fixed;top:80px;left:0;width:100%;background:#fffffffa;padding:2rem;flex-direction:column;align-items:center;gap:2rem;border-bottom:1px solid var(--color-border);transform:translateY(-150%);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:999}.main-nav.open{transform:translateY(0);box-shadow:var(--shadow-glass)}.main-nav ul{flex-direction:column;gap:2rem;width:100%;text-align:center}.mobile-menu-btn{display:block;z-index:1001}}.user-profile-link{text-decoration:none;display:flex;align-items:center;gap:16px;padding:8px 20px 8px 8px;border-radius:50px;transition:all .3s ease;background:transparent;border:1px solid transparent}.user-profile-link:hover{background:#fffc;border-color:#fffc;box-shadow:0 4px 20px #00000014}.user-avatar-container{width:44px;height:44px;background:linear-gradient(135deg,#a78bfa,#f472b6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;text-transform:uppercase;box-shadow:0 4px 10px #a78bfa4d;border:2px solid white}.user-meta{display:flex;flex-direction:column;gap:2px}.user-name{font-weight:700;color:#1e293b;font-size:1rem;line-height:1.1}.user-points-badge{font-size:.8rem;color:#6366f1;font-weight:600;display:flex;align-items:center;gap:4px}.points-dot{width:6px;height:6px;background:#f59e0b;border-radius:50%;box-shadow:0 0 5px #f59e0b}.home-page{overflow-x:hidden;padding-top:80px;min-height:100vh;position:relative;padding-bottom:4rem}.ambient-glow{position:fixed;top:20%;left:10%;width:600px;height:600px;background:radial-gradient(circle,rgba(167,139,250,.15) 0%,transparent 70%);pointer-events:none;z-index:0;animation:pulse-slow 8s ease-in-out infinite}.astron-hero{display:flex;align-items:center;justify-content:space-between;min-height:85vh;position:relative;padding-block:2rem 6rem;z-index:1}.hero-text-side{flex:1;padding-right:2rem;z-index:2}.overline{font-size:.9rem;letter-spacing:.25rem;text-transform:uppercase;color:var(--color-primary);font-weight:800;margin-bottom:1.5rem;display:block;opacity:.9}.astron-hero h1{font-size:5rem;line-height:1.05;margin-bottom:2rem;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 15px rgba(167,139,250,.25))}.astron-hero p{font-size:1.25rem;color:var(--color-text-muted);margin-bottom:2.5rem;max-width:500px;line-height:1.7}.hero-actions{display:flex;gap:1rem;margin-bottom:3rem;justify-content:flex-start}.hero-stats-mini{display:flex;gap:3rem;border-top:1px solid rgba(0,0,0,.05);padding-top:1.5rem}.mini-stat strong{display:block;font-size:1.8rem;color:var(--color-text-main);line-height:1}.mini-stat span{font-size:.85rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.hero-visual-side{flex:1;position:relative;height:600px;display:flex;align-items:center;justify-content:center}.planet-circle-pastel{width:450px;height:450px;background:linear-gradient(135deg,#a78bfa66,#f472b666);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 20px 60px #a78bfa33,inset 0 0 40px #fff9;border:1px solid rgba(255,255,255,.5);animation:float-rotate 12s ease-in-out infinite}.planet-inner{width:340px;height:340px;background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 30px #0000000d}.planet-inner .big-stat{font-size:5rem;font-weight:800;color:var(--color-primary);line-height:1;letter-spacing:-2px}.planet-inner .stat-desc{text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-muted);font-size:.9rem;font-weight:600}.floating-card{position:absolute;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:1rem 1.8rem;border-radius:var(--radius-full);box-shadow:0 10px 30px #00000014;display:flex;align-items:center;gap:1rem;font-weight:700;color:var(--color-text-main);border:1px solid rgba(255,255,255,.7);animation:float 6s ease-in-out infinite;z-index:5}.floating-card svg{color:var(--color-secondary);font-size:1.4rem}.c1{top:10%;right:5%;animation-delay:0s}.c2{bottom:20%;left:0%;animation-delay:2s}.c3{top:60%;right:-5%;animation-delay:4s}.astron-section{padding:8rem 0;position:relative;z-index:1}.split-layout{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.glass-collage{position:relative;height:500px;width:100%}.collage-card{position:absolute;background:#fff9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-md);box-shadow:var(--shadow-glass);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .3s ease}.collage-card:hover{transform:translateY(-10px) scale(1.02);background:#ffffffd9}.collage-card.main{top:50%;left:50%;transform:translate(-50%,-50%);width:280px;height:280px;z-index:2;border-radius:50%;border:1px solid rgba(167,139,250,.3)}.collage-card.sub1{top:10%;left:10%;padding:1rem 2rem;border-radius:var(--radius-full)}.collage-card.sub2{bottom:15%;right:5%;padding:1.5rem 2.5rem;border-radius:var(--radius-lg)}.collage-icon{font-size:4rem;color:var(--color-primary);margin-bottom:1rem}.section-subtitle{font-size:.9rem;text-transform:uppercase;letter-spacing:.2em;color:var(--color-secondary);font-weight:800;display:block;margin-bottom:1.5rem}.split-content h2{font-size:3.5rem;line-height:1.1;margin-bottom:2rem;color:var(--color-text-main)}.feature-grid{margin-top:3rem;display:grid;gap:2rem}.feature-item{display:flex;gap:1.5rem;align-items:flex-start;padding:1.5rem;border-radius:var(--radius-md);background:#ffffff80;border:1px solid rgba(255,255,255,.4);transition:all .3s ease}.feature-item:hover{background:#fff;transform:translate(10px);box-shadow:var(--shadow-soft)}.f-text{display:flex;flex-direction:column;gap:.3rem}.f-text strong{font-size:1.1rem;color:var(--color-primary-dark)}.f-text span{font-size:.95rem;color:var(--color-text-muted)}.f-icon{background:var(--color-primary-light);color:var(--color-primary-dark);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.stats-section-container{padding:6rem 0;margin-top:2rem}.stats-floating-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.stat-card-glass{background:#ffffffbf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-md);padding:3rem 2rem;text-align:center;box-shadow:0 15px 35px -5px #a78bfa1a,inset 0 0 20px #ffffff80;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card-glass:hover{transform:translateY(-15px) scale(1.03);background:#fff;box-shadow:0 25px 50px -10px #a78bfa40;border-color:var(--color-primary-light)}.stat-icon-bg{width:60px;height:60px;border-radius:20px;margin:0 auto 2rem;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.stat-icon-bg.purple{background:#f3e8ff;color:#7c3aed}.stat-icon-bg.pink{background:#fce7f3;color:#db2777}.stat-icon-bg.blue{background:#dbeafe;color:#2563eb}.stat-icon-bg.green{background:#d1fae5;color:#059669}.stat-number{display:block;font-size:3.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;line-height:1}.stat-label{font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:.9rem}.astron-cta{padding:8rem 0 6rem}.cta-portal-glass{position:relative;background:#fff9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:40px;padding:6rem 4rem;text-align:center;overflow:hidden;box-shadow:0 20px 60px #0000000d,inset 0 0 100px #fff3}.cta-portal-glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:40px;padding:2px;background:var(--gradient-primary);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:1}.portal-content{position:relative;z-index:2}.icon-crown{font-size:3rem;color:var(--color-primary);margin-bottom:2rem;filter:drop-shadow(0 0 15px rgba(167,139,250,.4));animation:float 4s ease-in-out infinite}.portal-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(167,139,250,.2) 0%,transparent 70%);z-index:1;pointer-events:none}.portal-circle{position:absolute;top:-50px;right:-50px;width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#fbcfe8,#ddd6fe);opacity:.2;filter:blur(30px)}.cta-portal-glass h2{font-size:3.5rem;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem}.cta-portal-glass p{font-size:1.4rem;color:var(--color-text-muted);max-width:600px;margin:0 auto 3rem}.btn-xl{padding:1rem 3rem;font-size:1.2rem;display:inline-flex;gap:1rem}.pop-in{opacity:0;animation:popIn .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes popIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes float-rotate{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(3deg)}}@keyframes pulse-slow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.shine-effect{position:relative;overflow:hidden}.shine-effect:after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent);transform:skew(-20deg);animation:shine 3s infinite}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.pulse-hover:hover{animation:pulse-btn 1s infinite}@keyframes pulse-btn{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@media (max-width: 900px){.astron-hero{flex-direction:column-reverse;padding-top:2rem;text-align:center}.hero-text-side{padding-right:0}.hero-actions,.hero-stats-mini{justify-content:center}.astron-hero h1{font-size:3.5rem}.hero-visual-side,.glass-collage{width:100%;height:400px}.planet-circle-pastel{width:300px;height:300px}.planet-inner{width:220px;height:220px}.split-layout{grid-template-columns:1fr}.glass-collage{height:400px}.collage-card.main{width:200px;height:200px}.collage-icon{font-size:3rem}.stats-floating-grid{grid-template-columns:1fr}.cta-portal-glass{padding:3rem 1.5rem}.cta-portal-glass h2{font-size:2rem}}.astron-hero .btn{border-radius:var(--radius-md)!important;padding:1rem 2.5rem!important;text-transform:uppercase;letter-spacing:.1em}.astron-cta .btn{border-radius:var(--radius-md)!important}.info-modern-page{background:transparent;padding-bottom:6rem}.immersive-hero{position:relative;height:90vh;width:100%;margin-bottom:-100px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.immersive-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 120%,rgba(167,139,250,.4) 0%,transparent 60%),radial-gradient(circle at 20% 40%,rgba(244,114,182,.15) 0%,transparent 40%);z-index:0;animation:pulse-glow 8s infinite alternate}@keyframes pulse-glow{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.hero-content-story{position:relative;z-index:2;max-width:900px;padding:2rem}.story-tag{display:inline-block;padding:.5rem 1.5rem;border:1px solid rgba(167,139,250,.5);border-radius:99px;font-size:.9rem;color:var(--color-primary-dark);font-weight:600;text-transform:uppercase;letter-spacing:.15em;margin-bottom:2rem;background:#ffffff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-content-story h1{font-size:5rem;line-height:1.1;margin-bottom:2rem;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 10px 40px rgba(167,139,250,.2)}.story-lead{font-size:1.5rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:1.5rem;font-weight:300}.hero-scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:.8rem;font-size:.9rem;color:var(--color-primary);font-weight:600;cursor:pointer;opacity:1;transition:all .3s;animation:float 3s ease-in-out infinite}.hero-scroll-indicator:hover{opacity:1;transform:translateY(5px)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}.info-layout{display:grid;grid-template-columns:280px 1fr;gap:4rem;position:relative;max-width:1400px;margin:0 auto;padding-top:150px}.info-sidebar{position:sticky;top:100px;height:fit-content;z-index:10}.sidebar-glass{background:#fff9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:24px;padding:2.5rem;box-shadow:var(--shadow-glass)}.info-sidebar h3{font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin-bottom:2rem}.info-sidebar nav ul li{padding:1rem;border-radius:12px;cursor:pointer;transition:all .3s ease;font-weight:500;color:var(--color-text-muted);font-size:1rem;display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.info-sidebar nav ul li .idx-num{font-family:Times New Roman,serif;font-style:italic;font-weight:700;font-size:1.2rem;color:var(--color-primary-light)}.info-sidebar nav ul li:hover{background:#ffffff80;transform:translate(5px)}.info-sidebar nav ul li.active{background:#fff;box-shadow:0 4px 20px #0000000d;color:var(--color-primary-dark)}.info-sidebar nav ul li.active .idx-num{color:var(--color-primary)}.btn-mini{margin-top:1rem;padding:1rem;border-radius:12px;background:var(--gradient-primary);color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s}.btn-mini:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 10px 20px #a78bfa4d}.info-content-story{display:flex;flex-direction:column;gap:8rem}.section-title-wrapper{text-align:center;margin-bottom:4rem}.section-title-wrapper h2{font-size:3rem;margin-bottom:1rem}.section-subtitle{font-size:1.2rem;color:var(--color-text-muted);font-style:italic}.story-card{background:#ffffffa6;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.5);border-radius:32px;padding:4rem;box-shadow:0 20px 50px -10px #0000000d,inset 0 0 0 1px #ffffff80;position:relative;overflow:hidden}.card-header-icon{font-size:3rem;color:var(--color-primary);margin-bottom:2rem;opacity:.5}.lead-text{font-size:1.4rem;line-height:1.7;color:var(--color-text-main);font-weight:500}.pull-quote{margin:4rem 0;position:relative;padding:0 2rem;text-align:center}.quote-icon{font-size:2rem;color:var(--color-primary-light);margin-bottom:1rem}.pull-quote p{font-size:2rem;font-family:Times New Roman,serif;font-style:italic;color:var(--color-primary-dark);line-height:1.4}.story-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:4rem}.insight-box{background:#ffffff80;padding:2rem;border-radius:20px;border:1px solid rgba(0,0,0,.05)}.insight-box.warning{border-left:4px solid #f59e0b}.insight-box.danger{border-left:4px solid #ef4444}.box-icon{font-size:1.5rem;margin-bottom:1rem}.insight-box.warning .box-icon{color:#f59e0b}.insight-box.danger .box-icon{color:#ef4444}.insight-box h4{font-size:1.2rem;margin-bottom:.5rem}.file-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:2rem;margin-top:3rem;max-width:800px;margin-left:auto;margin-right:auto}.file-card{background:#fff;padding:1.5rem;border-radius:16px;text-align:center;box-shadow:0 4px 15px #00000008;transition:transform .2s}.file-card:hover{transform:translateY(-5px)}.fc-icon{font-size:2.5rem;margin-bottom:1rem;color:var(--color-secondary)}.big-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(0,0,0,.05);align-items:end}.b-stat{text-align:center}.bs-val{display:block;font-size:3.5rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:.5rem}.bs-label{font-size:.9rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.charts-story-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:4rem}.chart-wrapper img{width:100%;border-radius:16px;box-shadow:0 10px 30px #00000014;background:#fff}.chart-header{margin-bottom:1.5rem}.chart-header h4{font-size:1.3rem;color:var(--color-primary-dark);margin-bottom:.5rem}.chart-header p{font-size:.95rem;color:var(--color-text-muted)}.interpretation-box{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:20px;padding:3rem;display:flex;gap:2rem;align-items:flex-start}.ib-icon{background:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#16a34a;box-shadow:0 10px 20px #16a34a26;flex-shrink:0}.ib-content h4{color:#15803d;font-size:1.2rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.ib-content p{font-size:1.2rem;color:#166534;line-height:1.6}.conclusion-item{display:flex;gap:1.5rem;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:#ffffff80;border-radius:16px;box-shadow:0 4px 15px #0000000d;transition:transform .2s,box-shadow .2s}.conclusion-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014}.ci-marker{color:var(--color-secondary);font-size:1.5rem;margin-top:.2rem}.ci-text{font-size:1.1rem;color:var(--color-text-main)}.fade-in-up,.scroll-reveal{animation:fadeInUp 1s cubic-bezier(.2,.8,.2,1) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.mobile-index-toggle{display:none}@media (max-width: 1024px){.charts-story-layout{grid-template-columns:1fr;gap:3rem}.hero-content-story h1{font-size:3.5rem}}@media (max-width: 768px){.info-layout{grid-template-columns:1fr}.info-sidebar{display:none}.mobile-index-toggle{display:flex;align-items:center;justify-content:space-between;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 1.5rem;position:sticky;top:80px;z-index:99;box-shadow:0 5px 20px #0000000d;color:var(--color-primary-dark);font-weight:600}.info-sidebar.open{display:block;position:fixed;top:130px;left:0;right:0;margin:1rem}.story-grid-2{grid-template-columns:1fr}.big-stats-row{gap:2rem}.bs-val{font-size:3rem}}.details-accordion{margin-top:3rem;border-top:1px solid rgba(0,0,0,.05);padding-top:2rem}details{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 15px #00000008;border:1px solid rgba(0,0,0,.05);transition:all .3s ease}details[open]{box-shadow:0 10px 30px #a78bfa26;border-color:#a78bfa4d}summary{list-style:none;cursor:pointer;padding:1.2rem 2rem;background:#fffc;transition:background .2s}summary::-webkit-details-marker{display:none}.summary-trigger{display:flex;align-items:center;gap:1rem;font-weight:600;color:var(--color-primary-dark);font-size:1.1rem}.accordion-chevron{margin-left:auto;transition:transform .3s ease;opacity:.6}details[open] .accordion-chevron{transform:rotate(180deg);opacity:1;color:var(--color-primary)}.accordion-body{padding:0 2rem 2rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.data-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:12px;overflow:hidden;border:1px solid rgba(0,0,0,.05);margin-top:1rem}.data-table th{background:#f8fafc;color:var(--color-text-muted);font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em;padding:1rem 1.5rem;border-bottom:2px solid #e2e8f0}.data-table td{padding:1rem 1.5rem;border-bottom:1px solid #f1f5f9;color:var(--color-text-main);font-size:.95rem;line-height:1.6}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#fdfbff}.text-sm{font-size:.85rem;font-weight:400;color:var(--color-text-muted);display:block;margin-top:.2rem}.chemical-deep-dive{background:linear-gradient(to right,#fff6,#ffffff1a);border:1px solid rgba(255,255,255,.4);padding:2rem;border-radius:16px;margin-top:1.5rem;color:var(--color-text-main);line-height:1.8}.chemical-deep-dive strong{color:var(--color-primary-dark)}.stats-description-block{margin-top:3rem;padding:2.5rem;background:#ffffff80;border-radius:20px;border-left:4px solid var(--color-primary)}.stats-description-block h4{font-size:1.3rem;color:var(--color-primary-dark);margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.styled-list{list-style:none;padding:0;margin:0}.styled-list li{position:relative;padding-left:1.5rem;margin-bottom:1rem;color:var(--color-text-main)}.styled-list li:before{content:"•";color:var(--color-primary);font-size:1.5rem;position:absolute;left:0;top:-.2rem}.styled-list strong{color:var(--color-text-main);font-weight:700}.predictions-block{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.05)}.predictions-text{font-size:1rem;color:var(--color-text-muted);line-height:1.7}.reflections-box{margin-top:4rem;padding:3rem;background:linear-gradient(135deg,#a78bfa1a,#fff3);border-radius:24px;border:1px solid rgba(167,139,250,.2);position:relative;overflow:hidden}.reflections-box h3{font-size:1.8rem;color:var(--color-primary-dark);margin-bottom:1.5rem;text-align:center}.reflections-box p{text-align:center;max-width:700px;margin:0 auto 2rem;font-size:1.1rem;color:var(--color-text-main)}.future-questions-list{display:grid;gap:1rem;max-width:800px;margin:0 auto}.question-card{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 4px 10px #00000005;border-left:3px solid var(--color-secondary);font-weight:500;color:var(--color-text-main);display:flex;align-items:center;gap:1rem;transition:transform .2s}.question-card:hover{transform:translate(5px)}.question-icon{color:var(--color-secondary);font-size:1.2rem}.container{max-width:1200px;margin:0 auto}.mission-dashboard{margin-bottom:4rem;margin-top:1rem}.dashboard-glass{background:#ffffffbf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:24px;padding:2rem;box-shadow:var(--shadow-glass);display:grid;grid-template-columns:1.5fr 1.5fr 2fr;gap:2rem;align-items:center}.dash-profile{display:flex;align-items:center;gap:1.5rem}.avatar-circle{width:70px;height:70px;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem;box-shadow:0 5px 15px #a78bfa66}.dash-info h2{font-size:1.5rem;margin:0;color:var(--color-text-main)}.dash-label{font-size:.85rem;color:var(--color-primary);text-transform:uppercase;font-weight:700;letter-spacing:.05em}.dash-stats{display:flex;gap:2.5rem;justify-content:center;border-left:1px solid rgba(0,0,0,.05);border-right:1px solid rgba(0,0,0,.05)}.stat-item{display:flex;align-items:center;gap:1rem}.stat-icon{font-size:2rem;color:#f59e0b;filter:drop-shadow(0 2px 4px rgba(245,158,11,.3))}.stat-val{display:block;font-size:1.4rem;font-weight:800;color:var(--color-text-main);line-height:1}.stat-label{font-size:.8rem;color:var(--color-text-muted);font-weight:600}.dash-progress{padding:0 1rem}.progress-labels{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;font-weight:600;color:var(--color-text-muted)}.progress-bar-bg{width:100%;height:12px;background:#0000000d;border-radius:99px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--gradient-primary);border-radius:99px;transition:width 1s ease-out;box-shadow:0 0 10px #a78bfa80}.incentive-banner{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;margin-bottom:4rem;box-shadow:0 4px 15px #3b82f61a}.ib-icon{font-size:1.8rem;color:#2563eb}.ib-text{font-size:1rem;color:#1e40af;line-height:1.5}.challenges-header{text-align:center;margin-bottom:3rem}.challenges-header h1{font-size:3rem;color:var(--color-primary-dark);margin-bottom:.5rem}.filter-bar{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{background:#fff;padding:.8rem 1.5rem;border-radius:99px;border:1px solid transparent;font-weight:600;color:var(--color-text-muted);cursor:pointer;box-shadow:0 2px 10px #0000000d;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-icon{font-size:1.1rem}.filter-btn:hover,.filter-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 5px 15px #a78bfa66;transform:translateY(-2px)}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem}.mission-card{background:#fff;border-radius:20px;padding:2rem;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.03)}.mission-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px -10px #a78bfa33;border-color:#a78bfa4d}.accepted-pulse{animation:pulseSuccess .5s ease-out}@keyframes pulseSuccess{0%{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 30px #34d39980}to{transform:scale(1)}}.mission-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffffe6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#10b981;font-weight:800;font-size:1.5rem;animation:fadeIn .3s}.success-icon{font-size:3rem;margin-bottom:1rem;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.mission-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.mission-icon-circle{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;color:#fff}.cat-transporte{background:linear-gradient(135deg,#a78bfa,#7c3aed);box-shadow:0 8px 15px #7c3aed40}.cat-hogar{background:linear-gradient(135deg,#f472b6,#db2777);box-shadow:0 8px 15px #db277740}.cat-consumo{background:linear-gradient(135deg,#34d399,#059669);box-shadow:0 8px 15px #05966940}.cat-social{background:linear-gradient(135deg,#fb923c,#ea580c);box-shadow:0 8px 15px #ea580c40}.cat-empresa{background:linear-gradient(135deg,#818cf8,#4f46e5);box-shadow:0 8px 15px #4f46e540}.cat-educacion{background:linear-gradient(135deg,#fbbf24,#d97706);box-shadow:0 8px 15px #d9770640}.mission-points{background:#0000000d;padding:.4rem .8rem;border-radius:8px;font-weight:800;font-size:.9rem;color:var(--color-primary-dark);display:flex;align-items:center;gap:.3rem}.mission-body h3{font-size:1.4rem;margin-bottom:.8rem;color:var(--color-text-main)}.mission-body p{font-size:.95rem;color:var(--color-text-muted);margin-bottom:1.5rem;min-height:3rem}.mission-impact{display:inline-flex;align-items:center;gap:.5rem;background:#ecfdf5;color:#059669;padding:.4rem 1rem;border-radius:99px;font-size:.85rem;font-weight:600;margin-bottom:1.5rem}.mission-footer{display:flex;align-items:center;justify-content:space-between}.mission-meta{font-size:.85rem;font-weight:600;color:var(--color-text-muted);display:flex;align-items:center;gap:.5rem}.difficulty-dot{width:8px;height:8px;border-radius:50%}.difficulty-dot.easy{background:#c084fc}.difficulty-dot.medium{background:#60a5fa}.difficulty-dot.hard{background:#94a3b8}.btn-mission{padding:.7rem 1.5rem;border-radius:12px;background:var(--color-text-main);color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;border:none;box-shadow:0 4px 10px #0000001a}.btn-mission:hover{background:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 20px #a78bfa66}@media (max-width: 968px){.dashboard-glass{grid-template-columns:1fr;gap:1.5rem;text-align:center}.dash-profile{justify-content:center;flex-direction:column}.dash-stats{border:none;padding:1rem 0;border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05)}}.quiz-dashboard-glass,.quiz-interface-glass{background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);border-radius:30px;padding:3rem;box-shadow:var(--shadow-glass);max-width:900px;margin:2rem auto}.quiz-path{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;align-items:center;padding:2rem 0}.quiz-node-container{display:flex;align-items:center;gap:1rem}.quiz-node{width:90px;height:90px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;position:relative;border:4px solid white;box-shadow:0 5px 15px #0000001a}.quiz-node.completed{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.quiz-node.unlocked{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff;animation:pulseUnlocked 2s infinite}.quiz-node.locked{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;border-color:#cbd5e1}.quiz-node:hover:not(.locked){transform:scale(1.1);box-shadow:0 10px 25px #3b82f666}.node-icon{font-size:1.8rem}.node-label{font-size:.75rem;font-weight:700;text-transform:uppercase;margin-top:.2rem}.node-connector{width:40px;height:6px;background:#e2e8f0;border-radius:3px}.node-connector.active{background:#3b82f6}@keyframes pulseUnlocked{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 20px #3b82f600}to{box-shadow:0 0 #3b82f600}}.quiz-q-header{text-align:center;margin-bottom:3rem}.q-card{background:#00000008;padding:2rem;border-radius:20px;margin-bottom:1.5rem}.q-text{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem}.q-options{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.opt-btn{padding:1rem;border-radius:12px;border:2px solid #e2e8f0;background:#fff;font-weight:600;cursor:pointer;transition:all .2s;color:#1e293b}.opt-btn:hover{border-color:#3b82f6;background:#eff6ff}.opt-btn.selected{border-color:#3b82f6;background:#3b82f6;color:#fff}.spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.success-animation{display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem;animation:successPop .6s cubic-bezier(.175,.885,.32,1.275)}.upload-zone:hover{border-color:#3b82f6!important;background:#f8fafc;transform:translateY(-2px)}.spinner{width:50px;height:50px;border:4px solid var(--color-primary-light);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem;box-shadow:0 0 15px #a78bfa4d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-animation{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;animation:successPop .6s cubic-bezier(.175,.885,.32,1.275)}@keyframes successPop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .3s ease-out}.modal-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2.5rem;width:100%;max-width:500px;box-shadow:0 20px 50px -10px #0003;border:1px solid rgba(255,255,255,.8);animation:zoomIn .3s cubic-bezier(.175,.885,.32,1.275);text-align:left}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.upload-zone{display:block;padding:3rem;border:2px dashed #cbd5e1;border-radius:16px;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);background:#f8fafc80;margin-bottom:1.5rem}.upload-zone:hover{border-color:var(--color-primary);background:#efe6fd80;transform:translateY(-4px);box-shadow:0 10px 25px -5px #a78bfa26}.upload-icon{font-size:3rem;margin-bottom:1rem;color:#94a3b8;transition:color .3s}.upload-zone:hover .upload-icon{color:var(--color-primary)}.link-input-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-text-main);font-size:.95rem}.link-input{width:100%;padding:1rem 1.2rem;border-radius:12px;border:2px solid #e2e8f0;font-size:1rem;color:var(--color-text-main);background:#f8fafc;transition:all .3s ease}.link-input:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 4px #a78bfa26;outline:none}.preview-container{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 10px 25px #0000001a;margin-bottom:1.5rem}.preview-img{width:100%;max-height:300px;object-fit:cover;display:block}.remove-img-btn{position:absolute;top:10px;right:10px;background:#0009;color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.remove-img-btn:hover{background:#dc2626e6;transform:scale(1.1)}.analyzing-text{font-size:1.2rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}@keyframes fadeInSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fade-in-slide{animation:fadeInSlide .4s ease-out forwards}.quiz-question-step{width:100%}.quiz-progress-container{padding:0 .5rem}@media (max-height: 800px){.modal-content{max-height:90vh;overflow-y:auto;padding:1.5rem}.quiz-questions-list{max-height:300px!important}}.btn-share-gold{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;font-weight:700;font-size:1rem;padding:1rem;border-radius:12px;box-shadow:0 4px 15px #f59e0b4d;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;margin-top:1rem}.btn-share-gold:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b80;background:linear-gradient(135deg,#fbbf24,#b45309)}.btn-share-gold:active{transform:translateY(0)}.page-header{text-align:center;margin-bottom:2rem}.page-header h1{font-size:4rem;margin-bottom:.5rem;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;letter-spacing:-.02em;filter:drop-shadow(0 4px 10px rgba(167,139,250,.3))}.page-header p{color:var(--color-text-muted)}.league-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px -10px #a78bfa26;border:1px solid rgba(0,0,0,.03);max-width:800px;margin:0 auto;overflow:hidden;position:relative}.league-header{padding:2rem;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(180deg,#f8fafc80,#fff0);border-bottom:1px solid rgba(0,0,0,.02)}.league-badge{text-transform:uppercase;font-size:.75rem;letter-spacing:.1em;font-weight:800;color:var(--color-primary);background:#a78bfa1a;padding:.3rem .8rem;border-radius:99px}.league-info h3{margin:.5rem 0 0;font-size:1.2rem}.season-select{padding:.6rem 1.2rem;border-radius:12px;border:1px solid rgba(0,0,0,.1);font-size:.9rem;font-weight:500;color:var(--color-text-muted);background:#fff;cursor:pointer}.podium-section{display:flex;justify-content:center;align-items:flex-end;gap:1.5rem;padding:3rem 1rem 5rem;background:radial-gradient(circle at center,rgba(139,92,246,.15) 0%,transparent 60%)}.podium-item{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;width:120px}.item-1{z-index:10;order:2;margin-bottom:2rem}.item-2{z-index:5;order:1}.item-3{z-index:5;order:3}.crown-anim{font-size:2rem;color:#fbbf24;margin-bottom:.5rem;animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(251,191,36,.5))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pa-circle{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem;border:3px solid white;box-shadow:0 8px 20px #00000014}.winner .pa-circle{width:90px;height:90px;border-color:#fcd34d;box-shadow:0 8px 30px #fbbf2440}.p-avatar{position:relative;margin-bottom:.8rem}.p-rank{position:absolute;bottom:-5px;right:-5px;width:24px;height:24px;border-radius:50%;color:#fff;font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center;border:2px solid white}.r-1{background:#fbbf24}.r-2{background:#9ca3af}.r-3{background:#d97706}.p-name{display:block;font-weight:700;font-size:.95rem;margin-bottom:.1rem}.p-score{font-size:.85rem;color:var(--color-primary);font-weight:600}.leaderboard-section{padding:0;background:#f8fafc;border-top:1px solid rgba(0,0,0,.03)}.clean-table{width:100%;border-collapse:collapse}.clean-table th{padding:1rem 2rem;text-align:left;font-size:.75rem;text-transform:uppercase;font-weight:700;color:var(--color-text-muted);background:#00000003}.clean-table td{padding:1.2rem 2rem;border-bottom:1px solid rgba(0,0,0,.03);font-size:.95rem;color:var(--color-text-main)}.clean-table tr:hover td{background:#fff}.clean-table tr:last-child td{border-bottom:none}.text-right{text-align:right}.rank-num{font-weight:800;color:var(--color-text-muted);opacity:.6}.user-flex{display:flex;align-items:center;gap:1rem}.u-dot{width:10px;height:10px;border-radius:50%}.u-txt{font-weight:600}.xp-txt{font-weight:700;color:var(--color-text-main)}.trend-icon{font-size:.8rem;margin-left:auto}.up{color:#10b981}.down{color:#ef4444}.stable{color:#cbd5e1}.sticky-user-rank{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:#1e1b4bf2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;padding:1rem 2.5rem;border-radius:99px;display:flex;align-items:center;gap:3rem;box-shadow:0 20px 50px #1e1b4b80;z-index:100;border:1px solid rgba(255,255,255,.15);transition:transform .3s ease}.sticky-user-rank:hover{transform:translate(-50%) translateY(-5px)}.my-rank-info{display:flex;align-items:center;gap:1rem}.u-rank{font-weight:800;font-size:1.2rem;color:#a78bfa}.u-details{display:flex;align-items:baseline;gap:10px}.u-name-self{font-weight:700;font-size:1rem}.u-pts{font-size:.8rem;opacity:.7}.next-rank-tip{font-size:.85rem;color:#34d399;display:flex;align-items:center;gap:.5rem}@media (max-width: 768px){.podium-section{gap:1rem}.podium-item{width:30%}.clean-table th,.clean-table td{padding:1rem}}.apps-container{min-height:100vh;padding:2rem 1rem;animation:fadeIn .8s ease-out}.community-layout{display:grid;grid-template-columns:1fr 320px;gap:2rem;max-width:1100px;margin:0 auto;align-items:start;padding-top:1rem;transition:all .3s ease}.community-layout.friends-mode{grid-template-columns:260px 1fr 300px;max-width:1300px}.community-layout.chat-mode{grid-template-columns:1fr;max-width:900px}.community-layout.chat-mode .social-widgets{display:none}.glass-tabs-container{display:flex;justify-content:center;margin-bottom:2rem}.glass-tabs{position:relative;background:#ffffff4d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6px;border-radius:50px;display:flex;gap:0;border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 20px #0000000d;width:600px;overflow:hidden}.tab-glider{position:absolute;top:6px;left:6px;height:calc(100% - 12px);width:calc(33.33% - 4px);background:#fff;border-radius:40px;z-index:1;transition:transform .4s cubic-bezier(.2,.8,.2,1);box-shadow:0 2px 10px #0000001a}.tab-glider.friends{transform:translate(0)}.tab-glider.feed{transform:translate(100%)}.tab-glider.chat{transform:translate(200%)}.tab-pill{flex:1;position:relative;z-index:2;padding:.8rem 0;border:none;background:transparent;font-weight:600;color:#64748b;cursor:pointer;transition:color .3s;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:8px;outline:none}.tab-pill:hover,.tab-pill.active{color:#4f46e5}.dashboard-card,.feed-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;box-shadow:0 8px 32px #1f26870d;border:1px solid rgba(255,255,255,.8);overflow:hidden;transition:all .3s ease;margin-bottom:1.5rem}.feed-card{padding:1.5rem}.feed-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #1f268714;border-color:#fff}.composer-area textarea{width:100%;border:1px solid transparent;background:#ffffff80;padding:1rem;border-radius:16px;resize:none;font-size:1.05rem;font-family:inherit;color:#1e293b;min-height:100px;transition:all .2s}.composer-area textarea:focus{outline:none;background:#ffffffe6;border-color:#a855f7;box-shadow:0 0 0 4px #a855f71a}.btn-main{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #a855f74d}.btn-main:hover{transform:translateY(-2px);box-shadow:0 8px 25px #a855f766}.post-meta{font-size:.85rem;color:#94a3b8}.post-content{margin:1rem 0;line-height:1.6;color:#334155;font-size:1.05rem}.post-actions{display:flex;gap:1.5rem;border-top:1px solid rgba(0,0,0,.05);padding-top:1rem;margin-top:1rem}.action-btn{background:transparent;border:none;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:500;transition:color .2s}.action-btn:hover,.action-btn.active{color:#ec4899}.chat-container-glass{height:75vh;display:flex;background:#ffffffa6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.8);box-shadow:0 10px 40px -10px #0000001a}.chat-sidebar{width:300px;border-right:1px solid rgba(0,0,0,.05);background:#ffffff4d;display:flex;flex-direction:column}.chat-main{flex:1;display:flex;flex-direction:column;background:#ffffff1a}.chat-item-glass{padding:1rem;cursor:pointer;transition:background .2s;border-bottom:1px solid rgba(0,0,0,.02);font-weight:500;color:#334155}.chat-item-glass:hover,.chat-item-glass.active{background:#fff9;color:#4f46e5}.chat-bubble-glass{max-width:70%;padding:.8rem 1.2rem;border-radius:18px;font-size:.95rem;line-height:1.5;margin-bottom:.5rem;position:relative;box-shadow:0 2px 5px #00000008}.bubble-me{align-self:flex-end;background:linear-gradient(135deg,#8b5cf6,#d8b4fe);color:#fff;border-bottom-right-radius:4px}.bubble-them{align-self:flex-start;background:#fff;color:#334155;border-bottom-left-radius:4px}.social-widgets{display:flex;flex-direction:column;gap:1.5rem}.widget-card{background:#fff9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:1.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.6)}.widget-title{font-weight:700;color:#1e293b;margin-bottom:1rem;display:flex;align-items:center;gap:8px}.trend-item{display:flex;justify-content:space-between;margin-bottom:.8rem;font-size:.9rem}.trend-item:last-child{margin-bottom:0}.trend-tag{font-weight:600;color:#475569}.trend-stat{color:#94a3b8;font-size:.8rem}@media (max-width: 900px){.community-layout{grid-template-columns:1fr}.social-widgets{display:none}.chat-container-glass{flex-direction:column;height:80vh}.chat-sidebar{width:100%;height:150px;overflow-y:auto;border-right:none;border-bottom:1px solid rgba(0,0,0,.05)}.glass-tabs{width:100%}}.special-challenge-card{border:2px solid rgba(245,158,11,.4);background:linear-gradient(135deg,#fffc,#fef3c74d);position:relative;overflow:hidden}.special-challenge-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#f59e0b,#fbbf24,#f59e0b)}.challenge-repost-container{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.05);overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.repost-header{background:#fef3c7;color:#b45309;padding:.8rem 1rem;font-weight:700;display:flex;align-items:center;gap:8px;font-size:.95rem}.trophy-icon{font-size:1.1rem;color:#d97706}.repost-body{padding:1rem;display:flex;gap:1rem;align-items:center}.repost-icon{width:50px;height:50px;border-radius:12px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#64748b;flex-shrink:0}.repost-details h4{margin:0 0 .3rem;font-size:1.1rem;color:#1e293b}.repost-meta{display:flex;gap:1rem;font-size:.9rem;color:#64748b}.repost-pts{font-weight:600;color:#f59e0b;display:flex;align-items:center;gap:4px}.repost-record{background:#e0f2fe;color:#0369a1;padding:2px 8px;border-radius:4px;font-size:.8rem;font-weight:600}.repost-media{width:100%;height:300px;overflow:hidden;border-top:1px solid #f1f5f9;background:#000;display:flex;align-items:center;justify-content:center}.repost-media img{width:100%;height:100%;object-fit:contain;display:block}.repost-link{background:#f8fafc;padding:.8rem;text-align:center;border-top:1px solid #e2e8f0}.repost-link a{color:#3b82f6;text-decoration:none;font-weight:500;font-size:.95rem}.repost-link a:hover{text-decoration:underline}.profile-grid{display:grid;grid-template-columns:350px 1fr;grid-template-rows:auto auto;gap:24px;max-width:1200px;margin:0 auto;padding-bottom:4rem}.profile-hero-card{grid-column:1;grid-row:1 / span 2;background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;border:1px solid rgba(255,255,255,.6);box-shadow:0 20px 40px -10px #0000000d;overflow:hidden;position:sticky;top:2rem;height:fit-content;text-align:center;padding-bottom:2rem}.hero-cover{height:160px;background:linear-gradient(135deg,#6366f1,#a855f7,#ec4899);position:relative;margin-bottom:60px}.hero-avatar-container{width:120px;height:120px;position:absolute;bottom:-60px;left:50%;transform:translate(-50%);border-radius:50%;padding:6px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-avatar{width:100%;height:100%;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:3.5rem;color:#4f46e5;box-shadow:0 10px 20px #0000001a}.hero-info h1{font-size:1.8rem;font-weight:800;color:#1e293b;margin-bottom:.2rem;letter-spacing:-.5px}.hero-handle{color:#64748b;font-weight:600;margin-bottom:1.5rem}.level-badge{display:inline-flex;align-items:center;gap:8px;background:#f0f9ff;color:#0284c7;padding:.5rem 1rem;border-radius:99px;font-weight:700;font-size:.9rem;border:1px solid #bae6fd;margin-bottom:2rem}.hero-actions{display:flex;flex-direction:column;gap:12px;padding:0 2rem}.stats-dashboard{grid-column:2;grid-row:1;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-box{background:#fff;border-radius:24px;padding:1.5rem;border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 15px #00000005;display:flex;flex-direction:column;gap:5px;transition:transform .2s}.stat-box:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000000d}.stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:.5rem}.stat-val{font-size:1.8rem;font-weight:800;color:#1e293b;line-height:1.1}.stat-label{font-size:.85rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.content-showcase{background:#ffffffb3;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:32px;padding:2rem;border:1px solid rgba(255,255,255,.8);min-height:400px}.profile-main-content{grid-column:2;grid-row:2;display:flex;flex-direction:column;gap:24px}@media (max-width: 900px){.profile-main-content{grid-column:1;grid-row:3}}.section-title{font-size:1.3rem;font-weight:800;color:#334155;margin-bottom:1.5rem;display:flex;align-items:center;gap:10px}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1.5rem;justify-items:center}.achievement-item{text-align:center;opacity:.5;filter:grayscale(100%);transition:all .3s}.achievement-item.unlocked{opacity:1;filter:grayscale(0%);transform:scale(1.05)}.ach-icon{width:80px;height:80px;background:linear-gradient(135deg,#e0e7ff,#fae8ff);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin-bottom:.5rem;box-shadow:inset 0 0 0 1px #fffc,0 5px 15px #0000000d}.ach-name{font-size:.8rem;font-weight:700;color:#475569;line-height:1.2}.btn-action{width:100%;padding:1rem;border-radius:16px;border:none;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-primary{background:var(--gradient-primary, #4f46e5);color:#fff;box-shadow:0 4px 12px #7c3aed4d}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed66}.btn-secondary{background:#fff;color:#1e293b;border:1px solid #cbd5e1}.btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}@media (max-width: 900px){.profile-grid{grid-template-columns:1fr;padding-bottom:6rem}.profile-hero-card{grid-column:1;grid-row:1;position:relative;top:0}.stats-dashboard{grid-column:1;grid-row:2;grid-template-columns:repeat(2,1fr)}}.profile-section{background:#ffffffbf;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:24px;border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 30px #0000000d}.profile-nav-menu{display:flex;flex-direction:column;gap:12px;width:100%}.nav-btn{width:100%;padding:12px 16px;border-radius:16px;border:1px solid transparent;background:transparent;color:#64748b;font-weight:600;font-size:1rem;font-family:inherit;cursor:pointer;text-align:left;display:flex;align-items:center;gap:12px;transition:all .2s ease}.nav-btn:hover{background:#f1f5f9;color:#0f172a}.nav-btn.active{background:#e0e7ff;color:#4f46e5;border-color:#c7d2fe;font-weight:700}.nav-btn.logout{margin-top:1rem;color:#ef4444;border-top:1px solid #f1f5f9;border-radius:0;padding-top:1rem}.nav-btn.logout:hover{background:#fef2f2;color:#b91c1c}.settings-form{display:flex;flex-direction:column;gap:20px;max-width:600px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;font-weight:700;color:#475569;margin-left:4px}.form-group small{color:#94a3b8;font-size:.8rem;margin-left:4px}.form-group input{background:#fff!important;border:1px solid #e2e8f0}.form-group input:focus{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#fff;padding:2rem;border-radius:24px;width:90%;max-width:500px;box-shadow:0 20px 50px #0003;animation:zoomIn .3s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.toast-container{position:fixed;bottom:30px;right:30px;z-index:9999}.toast{display:flex;align-items:center;gap:12px;padding:1rem 1.5rem;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 10px 40px #0000001a;border:1px solid rgba(255,255,255,.5);min-width:300px;max-width:400px;animation:slideIn .4s cubic-bezier(.175,.885,.32,1.275) forwards;cursor:pointer;overflow:hidden;position:relative}.toast.closing{animation:fadeOut .3s ease forwards}.toast-success{border-left:5px solid #10b981}.toast-error{border-left:5px solid #ef4444}.toast-info{border-left:5px solid #3b82f6}.toast-icon{font-size:1.4rem;display:flex;align-items:center;justify-content:center}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-info .toast-icon{color:#3b82f6}.toast-message{font-size:.95rem;font-weight:600;color:#1e293b;flex:1}@keyframes slideIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}.admin-container{padding:3rem;max-width:1400px;margin:0 auto;color:var(--text-color);min-height:80vh}.admin-title{font-size:2.5rem;margin-bottom:2rem;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}.admin-tabs{display:flex;gap:1rem;margin-bottom:2.5rem;background:#ffffff0d;padding:.5rem;border-radius:12px;width:fit-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-tabs button{padding:.8rem 2rem;background:transparent;border:none;color:var(--text-secondary);border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.admin-tabs button:hover{background:#ffffff1a;color:var(--text-color)}.admin-tabs button.active{background:#fff;color:#4f46e5;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.admin-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}h2{margin-top:0;margin-bottom:1.5rem;color:var(--text-color);font-size:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:1rem}.admin-form{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.admin-form.vertical{flex-direction:column;max-width:800px}.form-row{display:flex;gap:1rem}.admin-form input,.admin-form select,.admin-form textarea{padding:1rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffffe6;color:#000;font-family:inherit;flex:1;transition:all .2s}.admin-form input:focus,.admin-form select:focus,.admin-form textarea:focus{outline:none;border-color:#818cf8;background:#ffffff1a}.admin-form option{background:#fff;color:#000}.admin-form textarea{min-height:100px;resize:vertical}.btn-primary{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;padding:1rem 2rem;border-radius:10px;font-weight:600;cursor:pointer;transition:transform .2s;white-space:nowrap}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.table-wrapper{overflow-x:auto;border-radius:12px}table{width:100%;border-collapse:separate;border-spacing:0 .5rem}th{padding:1rem;text-align:left;color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em}tbody tr{background:#ffffff05;transition:background .2s}tbody tr:hover{background:#ffffff0d}td{padding:1rem;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px;border-left:1px solid rgba(255,255,255,.05)}td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px;border-right:1px solid rgba(255,255,255,.05)}.points-edit{display:flex;align-items:center;gap:.5rem}.points-edit input{background:#ffffffe6;border:1px solid rgba(0,0,0,.1);color:#000;padding:.4rem;border-radius:6px;width:70px;text-align:center}.points-edit button{padding:.4rem .8rem;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem}.points-edit button:hover{background:#10b981}.badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:capitalize}.badge.transporte{background:#10b98133;color:#34d399}.badge.hogar{background:#f59e0b33;color:#fbbf24}.badge.consumo{background:#ec489933;color:#f472b6}.badge.educacion{background:#3b82f633;color:#60a5fa}.badge.social{background:#8b5cf633;color:#a78bfa}.badge.empresa{background:#6366f133;color:#818cf8}.delete-btn{background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.2);padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s}.delete-btn:hover{background:#ef4444;color:#fff}:root{--wisi-primary: #a78bfa;--wisi-primary-dark: #7c3aed;--wisi-gradient: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);--wisi-text: #4a1d96;--wisi-glass-bg: rgba(255, 255, 255, .75);--wisi-glass-border: rgba(255, 255, 255, .6);--wisi-shadow: 0 20px 60px rgba(167, 139, 250, .25)}.wisi-chat-container{position:fixed;bottom:30px;right:30px;z-index:10000;font-family:Outfit,sans-serif}.wisi-trigger{width:110px;height:110px;background:none;border:none;cursor:pointer;padding:0;display:flex;justify-content:center;align-items:center;transition:transform .4s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 10px 15px rgba(167,139,250,.3))}.wisi-trigger:hover{transform:scale(1.1) rotate(5deg) translateY(-5px);filter:drop-shadow(0 15px 25px rgba(167,139,250,.4))}.wisi-avatar{width:100%;height:100%;object-fit:contain;animation:float-wisi 6s ease-in-out infinite}@keyframes float-wisi{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.wisi-window{position:absolute;bottom:120px;right:10px;width:380px;height:520px;max-height:65vh;background:var(--wisi-glass-bg);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--wisi-glass-border);border-radius:28px;box-shadow:var(--wisi-shadow);display:flex;flex-direction:column;overflow:hidden;transform-origin:bottom right;opacity:0;transform:scale(.9) translateY(20px);pointer-events:none;transition:all .4s cubic-bezier(.16,1,.3,1)}.wisi-window.open{opacity:1;transform:scale(1) translateY(0);pointer-events:all}.wisi-header{padding:20px 24px;background:#fff6;border-bottom:1px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:space-between}.wisi-header h3{margin:0;font-size:1.25rem;font-weight:700;background:var(--wisi-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:12px}.wisi-header-avatar{width:32px;height:32px;border-radius:50%;background:#fff;padding:2px;box-shadow:0 4px 10px #0000000d}.wisi-close{background:transparent;border:none;font-size:1.2rem;color:var(--wisi-text);opacity:.5;cursor:pointer;transition:all .2s;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.wisi-close:hover{opacity:1;background:#ffffff80;transform:rotate(90deg)}.wisi-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.wisi-messages::-webkit-scrollbar{width:6px}.wisi-messages::-webkit-scrollbar-track{background:transparent}.wisi-messages::-webkit-scrollbar-thumb{background:#a78bfa4d;border-radius:10px}.message{max-width:85%;padding:12px 18px;font-size:.95rem;line-height:1.5;position:relative;word-wrap:break-word;box-shadow:0 4px 15px #00000008;display:flex;flex-direction:column}.message.user{align-self:flex-end;background:var(--wisi-gradient);color:#fff;border-radius:20px 20px 4px;box-shadow:0 8px 20px #7c3aed40}.message.system{align-self:flex-start;background:#fff;color:var(--wisi-text);border-radius:20px 20px 20px 4px;border:1px solid rgba(255,255,255,.8)}.message-content{margin-bottom:6px}.message-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.message.user .message-badges{justify-content:flex-end}.message.system .message-badges{justify-content:flex-start}.message img.emoji-badge{width:50px;height:50px;object-fit:contain;transition:transform .2s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.message img.emoji-badge:hover{transform:scale(1.2) rotate(10deg)}.typing-indicator{padding:8px 12px;background:#fffc;border-radius:20px;display:inline-flex;gap:4px;align-self:flex-start;margin-left:10px}.typing-indicator span{width:6px;height:6px;background:var(--wisi-primary);border-radius:50%;animation:typing-bounce 1.4s infinite ease-in-out both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.wisi-input-area{padding:16px 20px 20px;background:#ffffff80;border-top:1px solid rgba(255,255,255,.3);display:flex;gap:12px;align-items:center;position:relative}.wisi-input{flex:1;padding:12px 16px;border:1px solid rgba(167,139,250,.2);border-radius:24px;background:#fffc;font-family:inherit;font-size:.95rem;color:var(--wisi-text);outline:none;transition:all .3s ease;box-shadow:inset 0 2px 4px #00000005}.wisi-input:focus{background:#fff;border-color:var(--wisi-primary);box-shadow:0 0 0 3px #a78bfa26}.wisi-btn{background:#fff;width:44px;height:44px;border:1px solid rgba(255,255,255,.6);border-radius:50%;cursor:pointer;font-size:1.1rem;color:var(--wisi-text);display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 10px #0000000d}.wisi-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #a78bfa33;color:var(--wisi-primary-dark)}.wisi-btn.send{background:var(--wisi-gradient);color:#fff;border:none;box-shadow:0 4px 15px #7c3aed4d}.wisi-btn.send:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px #7c3aed66}.wisi-btn.send:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.wisi-badge-picker{position:absolute;bottom:85px;left:15px;right:15px;height:220px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:16px 36px 16px 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;box-shadow:0 10px 40px #00000026;border:1px solid rgba(255,255,255,1);z-index:10001;animation:picker-up .3s cubic-bezier(.16,1,.3,1);overflow-y:auto;overflow-x:hidden}@keyframes picker-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wisi-badge-picker::-webkit-scrollbar{width:6px}.wisi-badge-picker::-webkit-scrollbar-track{background:transparent;margin:10px 0}.wisi-badge-picker::-webkit-scrollbar-thumb{background:#a78bfa4d;border-radius:10px}.badge-option{aspect-ratio:1;cursor:pointer;border-radius:12px;padding:6px;background:#f8fafc;transition:all .2s;border:1px solid transparent}.badge-option:hover{background:#fff;border-color:var(--wisi-primary);transform:scale(1.1);box-shadow:0 4px 12px #a78bfa26}.badge-option img{width:100%;height:100%;object-fit:contain}:root{--color-bg: #efe6fd;--color-surface: rgba(255, 255, 255, .7);--color-surface-solid: #ffffff;--color-primary: #a78bfa;--color-primary-dark: #7c3aed;--color-primary-light: #ddd6fe;--color-secondary: #f472b6;--color-secondary-dark: #db2777;--color-secondary-light: #fce7f3;--gradient-primary: linear-gradient(135deg, #7c3aed 0%, #a78bfa 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .8) 0%, rgba(255, 255, 255, .4) 100%);--color-text-main: #4a1d96;--color-text-muted: #6b7280;--color-text-light: #ffffff;--color-border: rgba(167, 139, 250, .2);--shadow-soft: 0 4px 20px -2px rgba(167, 139, 250, .15);--shadow-glass: 0 8px 32px 0 rgba(31, 38, 135, .07);--radius-sm: 12px;--radius-md: 20px;--radius-lg: 30px;--radius-full: 9999px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--container-width: 1200px}.site-footer{padding:2rem 0;margin-top:auto;text-align:center;border-top:1px solid rgba(255,255,255,.3);color:var(--color-text-muted)}.site-footer .copyright{font-size:.9rem;margin-top:.5rem;opacity:.8}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none;color:inherit}body{font-family:Outfit,sans-serif;background-color:var(--color-bg);color:var(--color-text-main);background-image:radial-gradient(circle at 10% 40%,rgba(167,139,250,.15) 0%,transparent 40%),radial-gradient(circle at 90% 60%,rgba(196,181,253,.15) 0%,transparent 40%);background-attachment:fixed;min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;padding-top:80px;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.9),transparent 3px),radial-gradient(circle at 20% 80%,rgba(167,139,250,.4),transparent 4px),radial-gradient(circle at 80% 20%,rgba(196,181,253,.4),transparent 3px);background-size:120px 120px,150px 150px,90px 90px;animation:floatingParticles 40s linear infinite;opacity:.8}body:after{content:"";position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(167,139,250,.08) 0%,transparent 40%);z-index:-2;animation:ecoBreath 10s ease-in-out infinite alternate;pointer-events:none}@keyframes floatingParticles{0%{background-position:0 0,0 0}to{background-position:0 600px,0 1000px}}@keyframes ecoBreath{0%{transform:translate(0) scale(1)}to{transform:translate(-20px,20px) scale(1.1)}}.card,.glass-card{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-soft);border-radius:var(--radius-md);padding:var(--spacing-md);transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.card:hover,.glass-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px -4px #a78bfa40;background:#ffffffd9;border-color:var(--color-primary)}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.8rem;border-radius:var(--radius-full);font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer;border:none;letter-spacing:.02em;text-decoration:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #a78bfa66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #a78bfa80;filter:brightness(1.1)}.btn-secondary{background:#fff;color:var(--color-primary);border:2px solid var(--color-primary-light)}.btn-secondary:hover{border-color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-2px)}h1,h2,h3,h4{font-weight:700;letter-spacing:-.02em;color:var(--color-text-main)}h1{font-size:3.5rem;line-height:1.1;margin-bottom:var(--spacing-md);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}h2{font-size:2.5rem;margin-bottom:var(--spacing-sm)}h3{font-size:1.75rem;margin-bottom:var(--spacing-xs)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}input,textarea,select{width:100%;padding:.8rem 1.2rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:inherit;font-size:1rem;color:var(--color-text-main);transition:all .3s ease;outline:none;box-shadow:inset 0 2px 4px #00000005}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #a78bfa26;background:#fff}