:root{--primary-color:#10b981;--secondary-color:#059669;--accent-color:#f59e0b;--economy-color:#f97316;--dark-color:#1f2937;--light-color:#f8fafc;--text-color:#333;--text-light:#666;--border-color:#e5e7eb;--shadow:0 10px 15px -3px #0000001a;--shadow-lg:0 20px 25px -5px #0000001a}.economic-hosting-page{color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.hero-section{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);padding:6rem 1rem;position:relative;overflow:hidden}.hero-section .container{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-title{margin-bottom:1rem;font-size:3.5rem;font-weight:800;line-height:1.2}.economy-text{color:var(--economy-color);display:block}.hosting-text{color:var(--primary-color);display:block}.hero-subtitle{color:var(--dark-color);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.location-badge{color:var(--dark-color);box-shadow:var(--shadow);background:#fff;border-radius:20px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-weight:600;display:inline-flex}.location-icon{color:var(--economy-color)}.hero-description{color:var(--text-light);margin-bottom:2rem;font-size:1.1rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:1rem;display:flex}.btn{cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.primary-btn{background:var(--primary-color);color:#fff;box-shadow:var(--shadow)}.primary-btn:hover{background:var(--secondary-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.secondary-btn{color:var(--primary-color);border:2px solid var(--primary-color);background:#fff}.secondary-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.whatsapp-btn{color:#fff;box-shadow:var(--shadow);background:#25d366}.whatsapp-btn:hover{box-shadow:var(--shadow-lg);background:#128c7e;transform:translateY(-2px)}.full-width{justify-content:center;width:100%}.large{padding:1.2rem 2.5rem;font-size:1.1rem}.hero-illustration{justify-content:center;align-items:center;display:flex}.money-animation{align-items:center;gap:1rem;display:flex;position:relative}.coin{font-size:2rem;animation:3s ease-in-out infinite float}.coin:first-child{animation-delay:0s}.coin:nth-child(2){animation-delay:.5s}.coin:nth-child(3){animation-delay:1s}.server-icon{font-size:4rem;animation:2s ease-in-out infinite bounce}@keyframes float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-10px)rotate(10deg)}66%{transform:translateY(-5px)rotate(-10deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.section-header{text-align:center;margin-bottom:3rem}.section-title{background:linear-gradient(45deg, var(--economy-color), var(--primary-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.section-subtitle{color:var(--text-light);max-width:600px;margin:0 auto;font-size:1.2rem}.mini-plans-section{background:var(--light-color);padding:6rem 1rem}.plans-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.plan-card{box-shadow:var(--shadow);background:#fff;border-radius:15px;transition:all .3s;overflow:hidden}.plan-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.plan-card.featured{border:3px solid var(--accent-color);transform:scale(1.05)}.plan-card.featured:hover{transform:scale(1.05)translateY(-10px)}.plan-badge{background:linear-gradient(45deg, var(--economy-color), #fb923c);color:#fff;text-align:center;padding:1.5rem}.badge-text{margin-bottom:.3rem;font-size:1.8rem;font-weight:700;display:block}.badge-subtext{opacity:.9;font-size:.9rem}.plan-content{padding:2rem}.plan-features{margin-bottom:2rem}.feature-item{border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;padding:.8rem 0;display:flex}.feature-item:last-child{border-bottom:none}.feature-icon{color:var(--primary-color);flex-shrink:0;font-size:1.5rem}.feature-text{flex:1}.feature-text strong{color:var(--dark-color);margin-bottom:.2rem;display:block}.feature-text small{color:var(--text-light);font-size:.85rem}.plan-note{text-align:center;max-width:800px;box-shadow:var(--shadow);background:#fff;border-radius:10px;margin:3rem auto 0;padding:1.5rem}.note-text{color:var(--text-light);justify-content:center;align-items:center;gap:1rem;margin:0;font-size:1.1rem;display:flex}.note-icon{color:var(--accent-color);font-size:1.5rem}.unlimited-section{background:linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);color:#fff;padding:6rem 1rem}.unlimited-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1000px;margin:0 auto;display:grid}.unlimited-text .section-title{background:linear-gradient(45deg,#fff,#f0fdf4);-webkit-text-fill-color:transparent;text-align:left;-webkit-background-clip:text}.unlimited-description{opacity:.9;margin-bottom:2rem;font-size:1.2rem}.unlimited-illustration{justify-content:center;display:flex}.upgrade-animation{flex-direction:column;align-items:center;gap:1rem;display:flex}.mini-server,.unlimited-server,.cloud-server{font-size:3rem;animation:2s ease-in-out infinite bounce}.mini-server{animation-delay:0s}.unlimited-server{animation-delay:.3s}.cloud-server{animation-delay:.6s}.arrow{font-size:1.5rem;animation:1.5s infinite arrowBounce}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.support-quality-section{padding:6rem 1rem}.support-content{max-width:1000px;margin:0 auto}.support-description{text-align:center;color:var(--dark-color);margin-bottom:3rem;font-size:1.2rem}.support-principles{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.principle{text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:15px;padding:2rem;transition:all .3s}.principle:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.principle-icon{margin-bottom:1rem;font-size:2.5rem;display:block}.principle h4{color:var(--dark-color);margin-bottom:.5rem;font-size:1.3rem}.principle p{color:var(--text-light);font-size:.9rem;line-height:1.5}.support-note{text-align:center;color:var(--text-light);max-width:800px;box-shadow:var(--shadow);background:#fff;border-radius:15px;margin:0 auto;padding:2rem;font-size:1rem;line-height:1.7}.technology-section{background:var(--light-color);padding:6rem 1rem}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:3rem;max-width:1100px;margin:0 auto;display:grid}.tech-card{box-shadow:var(--shadow);background:#fff;border-radius:15px;padding:2rem;transition:all .3s}.tech-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.tech-header{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.tech-icon{color:var(--primary-color);font-size:2.5rem}.tech-header h3{color:var(--dark-color);margin:0;font-size:1.5rem}.tech-content p{color:var(--text-light);margin:0;line-height:1.7}.advanced-plans-section{padding:6rem 1rem}.advanced-tabs{max-width:1200px;margin:0 auto}.tabs{justify-content:center;gap:1rem;margin-bottom:3rem;display:flex}.tab-btn{border:2px solid var(--border-color);cursor:pointer;background:#fff;border-radius:50px;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .3s}.tab-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.tab-btn:hover:not(.active){border-color:var(--primary-color);color:var(--primary-color)}.tab-content{display:none}.tab-content.active{display:block}.advanced-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.advanced-card{box-shadow:var(--shadow);background:#fff;border-radius:15px;padding:2rem;transition:all .3s;position:relative}.advanced-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.advanced-card.featured{border:3px solid var(--accent-color);transform:scale(1.05)}.advanced-card.featured:hover{transform:scale(1.05)translateY(-5px)}.card-badge{background:linear-gradient(45deg, var(--economy-color), var(--primary-color));color:#fff;border-radius:20px;padding:.5rem 1.5rem;font-size:1.1rem;font-weight:600;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.card-features{margin:2rem 0}.feature{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:.5rem 0;display:flex}.feature:last-child{border-bottom:none}.feature-label{color:var(--text-light)}.feature-value{color:var(--dark-color);font-weight:600}.features-section{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);padding:6rem 1rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.feature-box{text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:15px;padding:2rem;transition:all .3s}.feature-box:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-box .feature-icon{margin-bottom:1rem;font-size:2.5rem;display:block}.feature-box h3{color:var(--dark-color);margin-bottom:.5rem;font-size:1.3rem}.feature-box p{color:var(--text-light);font-size:.9rem;line-height:1.5}.cta-section{background:linear-gradient(135deg, var(--economy-color) 0%, #ea580c 100%);color:#fff;text-align:center;padding:6rem 1rem}.cta-title{margin-bottom:1rem;font-size:2.5rem;font-weight:700}.cta-description{opacity:.9;max-width:600px;margin:0 auto 2rem;font-size:1.2rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}@media (width<=768px){.hero-section .container,.unlimited-content{text-align:center;grid-template-columns:1fr}.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.plans-grid,.advanced-grid{grid-template-columns:1fr}.plan-card.featured,.advanced-card.featured{transform:none}.plan-card.featured:hover,.advanced-card.featured:hover{transform:translateY(-5px)}.tabs{flex-direction:column;align-items:center}.tab-btn{width:100%;max-width:300px}.tech-grid,.support-principles{grid-template-columns:1fr}.features-grid{grid-template-columns:repeat(2,1fr)}.cta-buttons{flex-direction:column;align-items:center}.btn{justify-content:center;width:100%;max-width:300px}}@media (width<=480px){.features-grid{grid-template-columns:1fr}.hero-title{font-size:2rem}.feature-item{text-align:center;flex-direction:column;gap:.5rem}}