.hosting-page{padding:0!important;max-width:100%!important;margin:0!important}.hero-section{position:relative;min-height:80vh;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:60px 20px;margin:0!important;top:0;left:0}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(source/hero.jpg);background-size:cover;background-position:center;z-index:0}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgb(15 23 42 / .78);z-index:1}.hero-gradient{position:absolute;bottom:0;left:0;width:100%;height:35%;background:linear-gradient(to top,#f8fafc 0%,transparent 100%);z-index:1}.hero-content{position:relative;z-index:2;text-align:center;max-width:800px;margin:0 auto;padding-top:40px}.hero-title{font-size:3.5rem;font-weight:800;color:#fff;margin-bottom:16px;line-height:1.15}.hero-title .highlight{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;display:inline-block;animation:blurSlide 3s ease-in-out infinite}@keyframes blurSlide{0%{filter:blur(0);opacity:1;transform:scale(1)}25%{filter:blur(2px);opacity:.7;transform:scale(1.02)}50%{filter:blur(0);opacity:1;transform:scale(1)}75%{filter:blur(2px);opacity:.7;transform:scale(1.02)}100%{filter:blur(0);opacity:1;transform:scale(1)}}.hero-desc{font-size:1.15rem;color:rgb(255 255 255 / .7);max-width:600px;margin:0 auto 32px;line-height:1.7}.hero-stats{display:flex;justify-content:center;gap:48px}.hero-stat{text-align:center}.hero-stat .stat-number{display:block;font-size:2rem;font-weight:700;color:#fff}.hero-stat .stat-label{font-size:.8rem;color:rgb(255 255 255 / .5);letter-spacing:.5px;text-transform:uppercase}.section{padding:80px 20px;max-width:1200px;margin:0 auto;position:relative;z-index:2;background:#f8fafc}.section-header{text-align:center;margin-bottom:48px}.section-tag{display:inline-block;background:#e2e8f0;color:#475569;padding:4px 16px;border-radius:40px;font-size:.7rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}.section-title{font-size:2.2rem;font-weight:700;color:#0f172a;margin-bottom:8px}.section-desc{font-size:1rem;color:#64748b;max-width:600px;margin:0 auto}.vps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;width:100%;justify-content:center}.vps-card{background:#fff;border-radius:20px;padding:0;border:1px solid #e8edf4;transition:all 0.35s cubic-bezier(.25,.46,.45,.94);position:relative;box-shadow:0 2px 16px rgb(0 0 0 / .04);width:100%;overflow:hidden;display:flex;flex-direction:column}.vps-card:hover{transform:translateY(-8px);border-color:#d0d9e6;box-shadow:0 20px 60px rgb(0 0 0 / .08)}.vps-card.popular{border-color:#fbbf24;background:linear-gradient(145deg,#fffbeb,#fef3c7);box-shadow:0 4px 24px rgb(251 191 36 / .15)}.vps-card.popular:hover{box-shadow:0 24px 64px rgb(251 191 36 / .2)}.vps-card.sold-out{opacity:.6;background:#f8fafc;filter:grayscale(.5);order:999}.vps-card-header{padding:24px 24px 16px 24px;border-bottom:1px solid #f0f3f8;position:relative}.vps-card.popular .vps-card-header{border-bottom-color:#fde68a}.vps-card-header .vps-name{font-size:1.15rem;font-weight:700;color:#0f172a;letter-spacing:-.3px;margin-bottom:4px}.vps-card-header .vps-desc{color:#6b7a8f;font-size:.8rem;font-weight:400;margin:0}.popular-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;font-size:.6rem;font-weight:700;padding:4px 14px;border-radius:30px;text-transform:uppercase;letter-spacing:.8px;box-shadow:0 2px 8px rgb(251 191 36 / .3)}.vps-sold-badge{position:absolute;top:12px;right:12px;background:#94a3b8;color:#fff;font-size:.6rem;font-weight:700;padding:4px 14px;border-radius:30px;text-transform:uppercase;letter-spacing:.8px}.vps-card-price{padding:18px 24px 14px 24px;background:#fafcfe;border-bottom:1px solid #f0f3f8}.vps-card.popular .vps-card-price{background:rgb(255 255 255 / .5);border-bottom-color:#fde68a}.vps-price-wrapper{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.vps-price{font-size:1.7rem;font-weight:800;color:#0f172a;display:flex;align-items:baseline;gap:4px;line-height:1.2}.vps-price.discounted{color:#ef4444}.vps-price span{font-size:.75rem;font-weight:500;color:#94a3b8}.vps-original-price{font-size:.95rem;color:#94a3b8;text-decoration:line-through;font-weight:400}.vps-card-specs{padding:16px 24px 20px 24px;flex:1}.vps-specs{list-style:none;margin:0;padding:0}.vps-specs li{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:.82rem;color:#3d4a5c;border-bottom:1px solid #f5f7fa}.vps-specs li:last-child{border-bottom:none}.vps-card.popular .vps-specs li{border-bottom-color:#fef3c7}.vps-specs li i{color:#22c55e;font-size:.9rem;width:18px;text-align:center;flex-shrink:0}.vps-card-footer{padding:0 24px 24px 24px;margin-top:auto}.vps-card .order-btn{width:100%;padding:14px 20px;background:#fff0;border:2px solid #94a3b8;border-radius:50px;color:#475569;font-weight:700;font-size:.9rem;cursor:pointer;transition:all 0.3s ease;letter-spacing:.3px}.vps-card .order-btn:hover:not(:disabled){background:#f1f5f9;border-color:#64748b;transform:translateY(-2px)}.vps-card.popular .order-btn:not(:disabled){border-color:#f59e0b;color:#d97706}.vps-card.popular .order-btn:not(:disabled):hover{background:#fef3c7;border-color:#d97706;color:#b45309}.vps-card .order-btn:disabled{background:#fff0;cursor:not-allowed;transform:none;border-color:#e2e8f0;color:#cbd5e1}.benefit-content{max-width:800px;margin:0 auto;padding:0 10px}.benefit-text h3{font-size:1.3rem;font-weight:700;color:#0f172a;margin-top:32px;margin-bottom:12px}.benefit-text h3:first-child{margin-top:0}.benefit-text p{font-size:1rem;color:#475569;line-height:1.8;margin-bottom:20px}.faq-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{border:1px solid #f1f5f9;border-radius:12px;overflow:hidden;background:#fff;transition:all 0.3s ease}.faq-item:hover{border-color:#e2e8f0}.faq-question{padding:18px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all 0.2s ease}.faq-question:hover{background:#f8fafc}.faq-question h3{font-size:1rem;font-weight:600;color:#0f172a;margin:0}.faq-question .faq-icon{color:#94a3b8;transition:transform 0.3s ease;flex-shrink:0}.faq-item.active .faq-question .faq-icon{transform:rotate(180deg)}.faq-answer{padding:0 24px 20px 24px;display:none;color:#64748b;font-size:.95rem;line-height:1.7}.faq-item.active .faq-answer{display:block}.hosting-order-modal .hosting-order-product-info{background-color:#f8fafc;padding:16px;border-radius:12px;margin-bottom:20px;border-left:none}.hosting-order-modal .hosting-order-product-label{display:block;font-size:.75rem;color:#64748b;margin-bottom:5px;text-transform:uppercase;letter-spacing:.3px}.hosting-order-modal .hosting-order-product-name{display:block;font-size:1.1rem;font-weight:600;color:#0f172a;margin-bottom:5px;word-break:break-word}.hosting-order-modal .hosting-order-product-price{display:block;font-size:1.3rem;font-weight:700;color:#64748b}.hosting-order-modal .hosting-order-buttons .hosting-order-wa-btn{width:100%;padding:12px;background:#fff0;color:#0f172a;border:2px solid #0f172a;border-radius:40px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all 0.25s ease}.hosting-order-modal .hosting-order-buttons .hosting-order-wa-btn:hover{background:#0f172a;color:#fff}.hosting-order-modal .hosting-order-buttons .hosting-order-tele-btn{width:100%;padding:12px;background:#fff0;color:#0f172a;border:2px solid #0f172a;border-radius:40px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all 0.25s ease}.hosting-order-modal .hosting-order-buttons .hosting-order-tele-btn:hover{background:#0f172a;color:#fff}.hosting-order-modal .hosting-order-details li{padding:6px 0;font-size:.85rem;color:#475569;border-bottom:none;list-style:none}.hosting-order-modal .hosting-order-details ul{list-style:none;padding:0}@media (max-width:1024px){.hero-title{font-size:2.8rem}.vps-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:768px){.hero-section{min-height:70vh;padding:40px 16px}.hero-title{font-size:2rem}.hero-desc{font-size:.95rem}.hero-stats{gap:24px;flex-wrap:wrap}.hero-stat .stat-number{font-size:1.4rem}.section{padding:50px 16px}.section-title{font-size:1.6rem}.vps-grid{grid-template-columns:repeat(2,1fr);gap:16px}.vps-card-header{padding:18px 18px 12px 18px}.vps-card-header .vps-name{font-size:1rem}.vps-card-price{padding:14px 18px 10px 18px}.vps-price{font-size:1.4rem}.vps-card-specs{padding:12px 18px 16px 18px}.vps-card-footer{padding:0 18px 18px 18px}.benefit-text h3{font-size:1.1rem}.benefit-text p{font-size:.9rem}.benefit-content{padding:0 5px}.hosting-order-modal .hosting-order-buttons .hosting-order-wa-btn,.hosting-order-modal .hosting-order-buttons .hosting-order-tele-btn{padding:10px;font-size:.85rem}.popular-badge,.vps-sold-badge{font-size:.5rem;padding:3px 10px;top:10px;right:10px}}@media (max-width:480px){.hero-section{min-height:60vh;padding:30px 16px}.hero-title{font-size:1.6rem}.hero-stats{gap:16px}.hero-stat .stat-number{font-size:1.2rem}.hero-stat .stat-label{font-size:.65rem}.section{padding:40px 12px;max-width:100%}.section-title{font-size:1.3rem}.section-desc{font-size:.85rem;padding:0 5px}.vps-grid{grid-template-columns:1fr;gap:18px;padding:0;justify-content:center;align-items:center;display:flex;flex-direction:column;width:100%}.vps-card{padding:0;border-radius:16px;margin:0 auto;width:100%;max-width:380px}.vps-card-header{padding:16px 16px 10px 16px}.vps-card-header .vps-name{font-size:.95rem}.vps-card-header .vps-desc{font-size:.75rem}.vps-card-price{padding:12px 16px 10px 16px}.vps-price{font-size:1.3rem}.vps-price span{font-size:.65rem}.vps-original-price{font-size:.8rem}.vps-card-specs{padding:10px 16px 14px 16px}.vps-specs li{font-size:.75rem;padding:5px 0;gap:8px}.vps-specs li i{font-size:.8rem;width:16px}.vps-card-footer{padding:0 16px 16px 16px}.vps-card .order-btn{padding:12px 16px;font-size:.8rem}.benefit-content{padding:0 0;max-width:100%}.benefit-text h3{font-size:1rem;margin-top:24px}.benefit-text p{font-size:.85rem;line-height:1.7;padding:0 2px}.faq-container{padding:0}.faq-question{padding:14px 16px}.faq-question h3{font-size:.9rem}.faq-answer{padding:0 16px 16px 16px;font-size:.85rem}.hosting-order-modal .hosting-order-buttons .hosting-order-wa-btn,.hosting-order-modal .hosting-order-buttons .hosting-order-tele-btn{padding:10px;font-size:.85rem}.hosting-order-modal .hosting-order-product-name{font-size:1rem}.hosting-order-modal .hosting-order-product-price{font-size:1.1rem}.hosting-order-modal .hosting-order-product-info{padding:12px}.hosting-order-modal .hosting-order-details li{font-size:.8rem}.popular-badge,.vps-sold-badge{font-size:.5rem;padding:2px 10px;top:8px;right:8px}}
