.navbar{background-color:#fff;border-bottom:1px solid var(--color-bg-secondary);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-sm)}.navbar-container{display:flex;justify-content:space-between;align-items:center;height:80px}.navbar-logo{display:flex;align-items:center;text-decoration:none;color:var(--color-deep-blue)}.logo-mark{background:var(--color-vibrant-orange);color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:900;border-radius:8px 0 8px 8px;margin-right:2px}.logo-text{font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.nav-links{display:flex;gap:2rem}.nav-actions{display:flex;gap:1rem;align-items:center}.nav-link{color:var(--color-text-secondary);font-weight:500;font-size:1.125rem;transition:color .3s}.nav-link:hover,.nav-link.active{color:var(--color-vibrant-orange)}.mobile-toggle{display:none;background:none;color:var(--color-deep-blue);padding:.5rem}.mobile-menu{display:none;background-color:var(--color-bg-primary);border-top:1px solid var(--color-bg-secondary);padding:1rem 0;box-shadow:var(--shadow-md);position:absolute;width:100%;left:0}.mobile-menu .nav-links{flex-direction:column;gap:1rem;padding:0 2rem}@media (max-width: 768px){.desktop-menu{display:none}.mobile-toggle,.mobile-menu{display:block}}.logout-btn{display:inline-flex;align-items:center;gap:.5rem;border-color:#ef4444!important;color:#ef4444!important}.logout-btn:hover{background-color:#ef4444!important;color:#fff!important}.footer{background-color:var(--color-deep-blue);color:var(--color-text-light);padding-top:5rem}.footer-container{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;margin-bottom:4rem}.footer-brand .footer-logo{display:flex;align-items:center;margin-bottom:1.5rem;color:#fff}.footer-brand .logo-mark{background:var(--color-vibrant-orange);color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:900;border-radius:8px 0 8px 8px;margin-right:2px}.footer-brand .logo-text{font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.footer-desc{color:#94a3b8;margin-bottom:2rem;line-height:1.6}.social-links{display:flex;gap:1rem}.social-link{color:#94a3b8;transition:color .3s,transform .3s}.social-link:hover{color:var(--color-vibrant-orange);transform:translateY(-2px)}.footer-title{color:#fff;font-size:1.125rem;font-weight:600;margin-bottom:1.5rem}.footer-links ul{display:flex;flex-direction:column;gap:1rem}.footer-links a{color:#94a3b8;transition:color .3s}.footer-links a:hover{color:var(--color-vibrant-orange)}.footer-bottom{background-color:var(--color-deep-blue);border-top:1px solid rgba(255,255,255,.1);padding:1.5rem 0;text-align:center;color:#94a3b8;font-size:.875rem}@media (max-width: 992px){.footer-container{grid-template-columns:1fr 1fr;gap:2rem}}@media (max-width: 576px){.footer-container{grid-template-columns:1fr}}.home-premium{background-color:var(--color-bg-primary);overflow:hidden}.hero-premium{position:relative;padding:8rem 0 10rem;background-color:var(--color-deep-blue);color:#fff;overflow:hidden}.hero-bg-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}.shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}.shape-1{top:-10%;left:-10%;width:50vw;height:50vw;background:radial-gradient(circle,rgba(16,185,129,.4) 0%,transparent 70%)}.shape-2{bottom:-20%;right:-10%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(249,115,22,.3) 0%,transparent 70%)}.shape-3{top:20%;right:20%;width:30vw;height:30vw;background:radial-gradient(circle,rgba(37,99,235,.3) 0%,transparent 70%)}.relative.z-10{position:relative;z-index:10}.hero-text-wrapper{max-width:1000px;margin:0 auto}.badge-premium{display:inline-flex;align-items:center;gap:.5rem;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:.5rem 1rem;border-radius:30px;font-size:.875rem;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.live-dot{width:8px;height:8px;background-color:var(--color-emerald-green);border-radius:50%;box-shadow:0 0 10px var(--color-emerald-green);animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.hero-title{font-size:3rem;font-weight:800;line-height:1.15;letter-spacing:-1px;margin-bottom:1.5rem}.text-gradient{background:linear-gradient(135deg,var(--color-emerald-green) 0%,#3B82F6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:#cbd5e1;line-height:1.6;max-width:900px}.hero-actions{display:flex;justify-content:center;align-items:center;margin-top:3rem;gap:.75rem}.btn-spacer{width:1.5rem}.btn-lg{padding:1rem 2rem;font-size:1.125rem}.btn-premium-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4);display:inline-flex;align-items:center;justify-content:center;font-weight:600;border-radius:var(--border-radius-md);transition:all .3s ease}.btn-premium-outline:hover{background:#ffffff1a;border-color:#fff}.domain-search-container{max-width:900px;margin:4rem auto 0}.domain-search-box{background-color:#fff;padding:1.5rem;border-radius:var(--border-radius-lg);box-shadow:0 25px 50px -12px #00000040}.domain-form{display:flex;gap:1rem}.search-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1.5rem;color:var(--color-text-secondary)}.domain-input{width:100%;padding:1.25rem 1.5rem 1.25rem 3.5rem;border:1px solid #E2E8F0;border-radius:var(--border-radius-md);font-size:1.125rem;outline:none;transition:all .3s;font-family:var(--font-family);font-weight:500;color:var(--color-deep-blue)}.domain-input:focus{border-color:var(--color-deep-blue);box-shadow:0 0 0 4px #0a192f1a}.btn-search{padding:0 2.5rem;font-size:1.125rem;border-radius:var(--border-radius-md)}.domain-extensions{display:flex;justify-content:center;gap:2rem;margin-top:1.5rem;color:var(--color-text-secondary);font-size:.875rem}.domain-extensions strong{color:var(--color-deep-blue);margin-right:.25rem}.text-deep-blue{color:var(--color-deep-blue)}.solutions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3rem}.solution-card{background-color:#fff;padding:2.5rem 2rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid #E2E8F0;transition:transform .3s,box-shadow .3s}.solution-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.icon-wrapper{width:64px;height:64px;border-radius:16px;display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.bg-blue-light{background-color:#3b82f61a}.text-blue{color:#3b82f6}.bg-emerald-light{background-color:#10b9811a}.bg-orange-light{background-color:#f973161a}.text-orange{color:var(--color-vibrant-orange)}.bg-purple-light{background-color:#8b5cf61a}.text-purple{color:#8b5cf6}.solution-card h3{font-size:1.25rem;color:var(--color-deep-blue);margin-bottom:1rem}.solution-card p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.infra-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.badge-outline{display:inline-block;padding:.25rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;border:1px solid}.border-emerald{border-color:#10b9814d}.infra-features{display:flex;flex-direction:column;gap:1.5rem;margin-top:2.5rem}.infra-feature{display:flex;align-items:flex-start;gap:1rem}.infra-feature h4{color:var(--color-deep-blue);margin-bottom:.25rem}.server-rack-mock{background-color:var(--color-deep-blue);padding:2rem;border-radius:var(--border-radius-lg);box-shadow:0 25px 50px -12px #0a192f4d;display:flex;flex-direction:column;gap:1rem;border:4px solid var(--color-deep-blue-light)}.server-unit{height:60px;background-color:var(--color-deep-blue-light);border-radius:8px;display:flex;align-items:center;padding:0 1rem;gap:.75rem;position:relative;overflow:hidden}.light{width:12px;height:12px;border-radius:50%}.light.green{background-color:var(--color-emerald-green);box-shadow:0 0 10px var(--color-emerald-green)}.light.blue{background-color:#3b82f6;box-shadow:0 0 10px #3b82f6}.light.orange{background-color:#f59e0b}.light.gray{background-color:#475569}.blinking{animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.server-lines{flex:1;height:2px;background:repeating-linear-gradient(90deg,#475569 0,#475569 10px,transparent 10px,transparent 20px);opacity:.3}.server-unit.active .server-lines{background:repeating-linear-gradient(90deg,#3B82F6 0,#3B82F6 10px,transparent 10px,transparent 20px);animation:slideLines 2s linear infinite}@keyframes slideLines{to{background-position:20px 0}}.bottom-cta{padding:6rem 0;background-color:var(--color-bg-secondary)}.cta-box{background:linear-gradient(135deg,var(--color-vibrant-orange) 0%,#EA580C 100%);border-radius:var(--border-radius-lg);padding:5rem 3rem;text-align:center;color:#fff;box-shadow:0 20px 40px #f973164d}.cta-box h2{font-size:3rem;font-weight:800;margin-bottom:1rem}.cta-box p{font-size:1.25rem;opacity:.9;max-width:600px;margin:0 auto}.cta-box .btn-primary{background-color:#fff;color:var(--color-vibrant-orange)}.cta-box .btn-primary:hover{background-color:var(--color-bg-secondary)}@media (max-width: 1024px){.solutions-grid{grid-template-columns:repeat(2,1fr)}.infra-grid{grid-template-columns:1fr;gap:3rem}}@media (max-width: 768px){.hero-actions{flex-direction:column;gap:1rem}.btn-spacer{display:none}.hero-title{font-size:2.75rem}.domain-form{flex-direction:column}.btn-search{padding:1.25rem}.step-card{flex:0 0 85%}.steps-grid{gap:1.5rem;padding-left:1rem;padding-right:1rem}}@media (max-width: 576px){.hero-premium{padding:5rem 0}.hero-title{font-size:2.25rem}.domain-extensions{flex-direction:column;gap:.5rem}.cta-box h2{font-size:2rem}.solutions-grid{grid-template-columns:1fr}}.hosting-page{background-color:var(--color-bg-primary)}.pt-section{padding-top:5rem;background:radial-gradient(circle at top center,rgba(16,185,129,.05),transparent 70%),var(--color-bg-primary)}.segmented-control{display:inline-flex;background:var(--color-bg-secondary);border:1px solid #E2E8F0;border-radius:50px;padding:.35rem;margin-top:3rem}.segmented-control .segment{padding:.75rem 1.5rem;border-radius:50px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:center}.segmented-control .segment.active{background:#fff;color:var(--color-deep-blue);box-shadow:0 4px 6px #0000000d}.badge-saving{background:linear-gradient(135deg,var(--color-emerald-green) 0%,#059669 100%);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;margin-left:.5rem;box-shadow:0 4px 6px #10b98133}.pricing-grid-premium{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1100px;margin:0 auto}.plan-card{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--border-radius-lg);border:1px solid rgba(226,232,240,.8);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.plan-card.highlighted{border:2px solid var(--color-vibrant-orange);box-shadow:0 20px 40px -10px #f9731640;transform:translateY(-15px) scale(1.02);background:#fffffff2}.plan-card.highlighted:hover{transform:translateY(-20px) scale(1.02);box-shadow:0 25px 50px -12px #f973164d}.ribbon{background-color:var(--color-vibrant-orange);color:#fff;text-align:center;font-size:.875rem;font-weight:700;padding:.5rem;text-transform:uppercase;letter-spacing:1px}.plan-header{padding:2.5rem 2rem 2rem;border-bottom:1px solid #E2E8F0}.plan-header h3{font-size:1.75rem;color:var(--color-deep-blue);margin-bottom:.5rem}.plan-header p{color:var(--color-text-secondary);font-size:.95rem;min-height:45px;margin-bottom:1.5rem}.plan-price-box{display:flex;align-items:baseline;margin-bottom:1.5rem}.plan-price-box .currency{font-size:1rem;font-weight:600;color:var(--color-text-secondary);margin-right:.25rem}.plan-price-box .amount{font-size:3rem;font-weight:800;color:var(--color-deep-blue);letter-spacing:-1px;line-height:1}.price-stack{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.amount-original{font-size:1.125rem;color:#94a3b8;text-decoration:line-through;font-weight:600;margin-bottom:.25rem}.amount.discounted{color:var(--color-emerald-green)}.plan-price-box .period{font-size:1rem;color:var(--color-text-secondary);align-self:flex-end;margin-bottom:.5rem;margin-left:.25rem}.plan-body{padding:2rem;background-color:var(--color-bg-secondary);flex:1}.plan-body h4{font-size:1rem;color:var(--color-deep-blue);margin-bottom:1.5rem}.plan-features{display:flex;flex-direction:column;gap:1rem}.plan-features li{display:flex;align-items:flex-start;gap:.75rem;font-size:.95rem;color:var(--color-text-primary)}.plan-features strong{color:var(--color-deep-blue)}.promo-section-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.promo-input-group{display:flex;align-items:center;background:#fff;border-radius:var(--border-radius-md);padding:.25rem;box-shadow:var(--shadow-md);border:1px solid #E2E8F0;max-width:400px;width:100%}.promo-input{flex:1;border:none;padding:.75rem 1rem;font-size:1rem;outline:none;background:transparent;color:var(--color-deep-blue);font-weight:500}.promo-input::placeholder{color:#94a3b8;font-weight:400}.promo-input.success{color:var(--color-emerald-green)}.promo-input.error{color:#ef4444}.promo-btn{padding:.75rem 1.25rem;border-radius:var(--border-radius-sm)}.promo-message{font-size:.9rem;font-weight:600}.table-responsive{overflow-x:auto;max-width:1000px;margin:0 auto;background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-bg-tertiary)}.compare-table{width:100%;border-collapse:collapse;text-align:center}.compare-table th{padding:1.5rem;font-size:1.125rem;color:var(--color-deep-blue);border-bottom:2px solid var(--color-bg-tertiary);background-color:#ffffffe6}.compare-table th:first-child{text-align:left}.compare-table td{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-bg-tertiary);color:var(--color-text-secondary)}.compare-table td:first-child{text-align:left;font-weight:500;color:var(--color-deep-blue)}.section-row td{background-color:var(--color-bg-secondary);font-weight:700;color:var(--color-deep-blue);text-transform:uppercase;font-size:.875rem;letter-spacing:1px}.highlight-col{background-color:#f9731608;position:relative}.compare-table th.highlight-col{border-top:3px solid var(--color-vibrant-orange)}.compare-table tr:hover td{background-color:var(--color-bg-secondary)}.compare-table tr:hover td.highlight-col{background-color:#f9731614}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{border:1px solid #E2E8F0;border-radius:var(--border-radius-md);background-color:#fff;overflow:hidden}.faq-question{width:100%;text-align:left;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;background:#fff;font-size:1.125rem;font-weight:600;color:var(--color-deep-blue);transition:color .3s}.faq-question:hover{color:var(--color-vibrant-orange)}.faq-icon{color:var(--color-text-secondary);transition:transform .3s}.faq-icon.rotated{transform:rotate(45deg);color:var(--color-vibrant-orange)}.plan-card .btn-outline{background-color:#fffc;border:2px solid var(--color-deep-blue);color:var(--color-deep-blue)}.plan-card .btn-outline:hover{background-color:var(--color-deep-blue);color:#fff}.faq-answer-container{overflow:hidden}.faq-answer{padding:0 1.5rem 1.5rem;color:var(--color-text-secondary);line-height:1.6}@media (max-width: 992px){.pricing-grid-premium{grid-template-columns:1fr;gap:3rem}.plan-card.highlighted{transform:translateY(0)}.plan-card.highlighted:hover{transform:translateY(-5px)}}.about-header{padding:6rem 0}.vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.vm-card{background-color:var(--color-bg-primary);padding:3rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-bg-tertiary)}.vm-icon{width:64px;height:64px;background-color:#f973161a;color:var(--color-vibrant-orange);border-radius:var(--border-radius-md);display:flex;justify-content:center;align-items:center;margin-bottom:1.5rem}.vm-card h2{font-size:1.75rem;color:var(--color-deep-blue);margin-bottom:1rem}.vm-card p{color:var(--color-text-secondary);line-height:1.8;font-size:1.05rem}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.value-item{text-align:center;padding:2rem;background-color:var(--color-bg-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:transform .3s,box-shadow .3s}.value-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.value-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--color-emerald-green) 0%,#059669 100%);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center}.value-item h3{font-size:1.5rem;color:var(--color-deep-blue);margin-bottom:1rem}.value-item p{color:var(--color-text-secondary);line-height:1.6}.about-cta{background-color:var(--color-deep-blue);color:#fff}.about-cta h2{font-size:2.5rem;margin-bottom:1rem;color:#fff}.about-cta .section-subtitle{color:#94a3b8}@media (max-width: 992px){.vm-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.values-grid{grid-template-columns:1fr}.about-cta h2{font-size:2rem}}.dashboard{background-color:var(--color-bg-secondary);min-height:calc(100vh - 80px);padding:3rem 0}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:var(--color-deep-blue)}.spinner{animation:spin 1s linear infinite;margin-bottom:1rem;color:var(--color-vibrant-orange)}.spinner-small{animation:spin 1s linear infinite;color:var(--color-emerald-green)}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:3rem}.dashboard-header h1{font-size:2rem;color:var(--color-deep-blue);margin-bottom:.5rem}.text-secondary{color:var(--color-text-secondary)}.customer-id{display:flex;align-items:center;gap:.5rem;background-color:#fff;padding:.5rem 1rem;border-radius:20px;box-shadow:var(--shadow-sm);font-size:.875rem}.text-emerald{color:var(--color-emerald-green)}.dashboard-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:2rem}.dashboard-card{background-color:#fff;border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow-md);border:1px solid var(--color-bg-tertiary)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.card-top h3{font-size:1.25rem;color:var(--color-deep-blue)}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.status-badge.active{background-color:#10b9811a;color:var(--color-emerald-green)}.plan-details{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem}.plan-name,.plan-price{display:flex;flex-direction:column}.plan-name .label,.plan-price .label{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:.25rem}.plan-name .value,.plan-price .value{font-size:1.125rem;font-weight:600;color:var(--color-deep-blue)}.expiration-box{background-color:var(--color-bg-secondary);border-radius:var(--border-radius-md);padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.exp-info{display:flex;align-items:flex-start;gap:1rem}.exp-icon{color:var(--color-text-secondary);margin-top:2px}.exp-date{font-weight:600;color:var(--color-deep-blue)}.exp-days{font-size:.875rem;margin-top:.25rem}.text-danger{color:#ef4444}.text-success{color:var(--color-emerald-green)}.btn-renew{width:100%}.resources-list{display:flex;flex-direction:column;gap:1.5rem}.premium-upload{text-align:left;border-top:4px solid var(--color-vibrant-orange)}.upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.upload-title-box{display:flex;align-items:center;gap:.75rem}.upload-title-box h3{margin:0;color:var(--color-deep-blue)}.upload-desc{max-width:800px}.upload-badges{display:flex;gap:.5rem}.badge-secure,.badge-fast{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;padding:.35rem .75rem;border-radius:50px}.badge-secure{background-color:#10b9811a;color:var(--color-emerald-green)}.badge-fast{background-color:#f973161a;color:var(--color-vibrant-orange)}.upload-zone{border:2px dashed rgba(10,25,47,.2);border-radius:var(--border-radius-lg);padding:4rem 2rem;background:linear-gradient(180deg,#f8fafc,#f1f5f9);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-zone:hover{border-color:var(--color-emerald-green);background:linear-gradient(180deg,#10b98105,#10b98114);transform:translateY(-2px);box-shadow:0 10px 25px -5px #10b9811a}.upload-zone.drag-active{border-color:var(--color-emerald-green);background:#10b9811a;transform:scale(1.02)}.upload-zone.success{border-color:var(--color-emerald-green);background:linear-gradient(180deg,#10b9810d,#10b9811a);cursor:default;transform:none;box-shadow:none}.upload-icon-wrapper{position:relative;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 4px 15px #0000000d;z-index:2}.upload-main-icon{color:var(--color-deep-blue);transition:color .3s}.upload-zone:hover .upload-main-icon{color:var(--color-emerald-green)}.pulse-ring{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-emerald-green);border-radius:50%;z-index:-1;opacity:0;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%{transform:scale(1);opacity:.4}to{transform:scale(1.6);opacity:0}}.upload-icon-wrapper.uploading{border:2px solid var(--color-emerald-green);box-shadow:0 0 20px #10b9814d}.upload-icon-wrapper.uploading .upload-main-icon{color:var(--color-emerald-green)}.upload-icon-wrapper.success{background:var(--color-emerald-green)}.upload-icon-wrapper.success .upload-main-icon{color:#fff}.supported-formats{margin-top:1.5rem;display:inline-flex;align-items:center;gap:.5rem;background:#fff;padding:.5rem 1rem;border-radius:50px;font-size:.75rem;font-weight:700;color:var(--color-text-secondary);border:1px solid #E2E8F0;box-shadow:var(--shadow-sm)}.supported-formats svg{color:var(--color-vibrant-orange)}.upload-progress-bar{width:100%;max-width:400px;height:8px;background-color:#e2e8f0;border-radius:10px;margin:1.5rem auto 0;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.upload-progress-bar .progress-fill{height:100%;background:linear-gradient(90deg,var(--color-emerald-green) 0%,#34D399 100%);border-radius:10px}.resource-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.resource-title{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--color-deep-blue)}.resource-icon{color:var(--color-text-secondary)}.resource-stats{font-size:.875rem;color:var(--color-text-secondary);font-weight:600}.progress-bg{width:100%;height:8px;background-color:var(--color-bg-tertiary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;border-radius:4px}.progress-normal{background-color:var(--color-emerald-green)}.progress-warning{background-color:#f59e0b}.progress-danger{background-color:#ef4444}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0a192f80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background-color:#fff;border-radius:var(--border-radius-lg);padding:3rem;width:90%;max-width:500px;position:relative;box-shadow:var(--shadow-lg);text-align:center}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;color:var(--color-text-secondary);transition:color .3s}.modal-close:hover{color:var(--color-text-primary)}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.provider-btn{border:2px solid var(--color-bg-tertiary);border-radius:var(--border-radius-md);padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;background-color:#fff;transition:all .3s}.provider-btn:hover{border-color:var(--color-deep-blue);background-color:var(--color-bg-secondary)}.provider-logo{width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:800;font-size:1.25rem;color:#fff}.provider-btn.orange .provider-logo{background-color:#ff7900}.provider-btn.moov .provider-logo{background-color:#005e9d}.provider-btn span{font-weight:600;color:var(--color-deep-blue)}.qr-box{position:relative;display:inline-block;padding:1rem;background-color:#fff;border:1px solid var(--color-bg-tertiary);border-radius:var(--border-radius-md);margin-bottom:1.5rem}.qr-overlay-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:800;font-size:.875rem;color:var(--color-deep-blue);box-shadow:0 0 0 4px #fff}.payment-amount{font-size:1.25rem;margin-bottom:.5rem}.payment-waiting{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--color-text-secondary);font-size:.875rem}.payment-loading{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 0}.success-icon-wrapper{width:80px;height:80px;background-color:#10b9811a;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0 auto 1.5rem}@media (max-width: 768px){.dashboard-grid{grid-template-columns:1fr}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}}.auth-page{min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:center;background-color:var(--color-bg-secondary);padding:2rem 1rem}.auth-container{background-color:var(--color-bg-primary);width:100%;max-width:480px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:3rem;border:1px solid var(--color-bg-tertiary)}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-logo{display:inline-flex;align-items:center;text-decoration:none;margin-bottom:1.5rem;color:var(--color-deep-blue)}.auth-logo .logo-mark{background:var(--color-vibrant-orange);color:#fff;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:900;border-radius:8px 0 8px 8px;margin-right:2px}.auth-logo .logo-text{font-size:1.5rem;font-weight:800;letter-spacing:-.5px}.auth-header h2{font-size:1.75rem;color:var(--color-deep-blue);margin-bottom:.5rem}.auth-header p{color:var(--color-text-secondary)}.auth-error{background-color:#fef2f2;color:#b91c1c;padding:1rem;border-radius:var(--border-radius-md);margin-bottom:1.5rem;font-size:.875rem;text-align:center;border:1px solid #FCA5A5}.input-group{margin-bottom:1.5rem}.input-group label{display:block;font-size:.875rem;font-weight:600;color:var(--color-deep-blue);margin-bottom:.5rem}.label-with-link{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.label-with-link label{margin-bottom:0}.forgot-link{font-size:.875rem;color:var(--color-vibrant-orange);font-weight:500}.input-with-icon{position:relative}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--color-text-secondary)}.input-with-icon input{width:100%;padding:.875rem 1rem .875rem 3rem;border:1px solid #CBD5E1;border-radius:var(--border-radius-md);font-size:1rem;transition:border-color .3s,box-shadow .3s;outline:none;font-family:var(--font-family)}.input-with-icon input:focus{border-color:var(--color-emerald-green);box-shadow:0 0 0 3px #10b9811a}.auth-btn{margin-top:1rem;padding:1rem;font-size:1rem}.spinner-icon{animation:spin 1s linear infinite}.auth-footer{margin-top:2rem;text-align:center;font-size:.95rem;color:var(--color-text-secondary)}.auth-footer a{color:var(--color-emerald-green);font-weight:600}@media (max-width: 576px){.auth-container{padding:2rem}}.checkout-page{min-height:calc(100vh - 80px);background-color:var(--color-bg-secondary)}.checkout-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:3rem;align-items:start}.order-summary h2,.payment-flow h2{font-size:1.5rem;color:var(--color-deep-blue);margin-bottom:1.5rem}.payment-loading p,.payment-waiting span{color:var(--color-text-secondary);font-weight:500}.font-semibold{font-weight:600}.block{display:block}.domain-input{width:100%;padding:1rem;border:1px solid #E2E8F0;border-radius:var(--border-radius-sm);font-size:1rem;outline:none;transition:border-color .3s,box-shadow .3s}.domain-input:focus{border-color:var(--color-deep-blue);box-shadow:0 0 0 3px #0a192f1a}.duration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.duration-card{background:var(--color-bg-secondary);border:1px solid #E2E8F0;border-radius:var(--border-radius-sm);padding:1rem;text-align:center;cursor:pointer;transition:all .3s;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px}.duration-card:hover{border-color:var(--color-deep-blue)}.duration-card.active{background:#fff;border:2px solid var(--color-deep-blue);box-shadow:var(--shadow-sm)}.duration-card .months{font-weight:600;color:var(--color-deep-blue);font-size:1.125rem}.discount-badge{background:var(--color-vibrant-orange);color:#fff;font-size:.75rem;padding:.15rem .5rem;border-radius:20px;position:absolute;top:-10px;right:-10px;font-weight:700}@media (max-width: 576px){.duration-grid{grid-template-columns:repeat(2,1fr)}}.summary-card{background-color:#fff;border-radius:var(--border-radius-lg);padding:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-bg-tertiary)}.summary-item{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--color-bg-tertiary);color:var(--color-text-secondary)}.summary-item strong{color:var(--color-deep-blue)}.summary-item.total{border-bottom:none;padding-bottom:0;padding-top:1.5rem;margin-top:.5rem;align-items:center}.summary-item.total .total-amount{font-size:1.5rem;color:var(--color-vibrant-orange)}.security-notice{display:flex;gap:1rem;background-color:#10b9811a;padding:1.5rem;border-radius:var(--border-radius-md)}.security-notice p{font-size:.875rem;color:var(--color-deep-blue);margin:0}.payment-flow{background-color:#fff;border-radius:var(--border-radius-lg);padding:3rem;box-shadow:var(--shadow-md);border:1px solid var(--color-bg-tertiary);min-height:400px}@media (max-width: 992px){.checkout-grid{grid-template-columns:1fr}}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:start}.info-list{display:flex;flex-direction:column;gap:2rem;margin-top:2rem}.info-item{display:flex;gap:1.5rem}.info-icon{width:50px;height:50px;background-color:#10b9811a;color:var(--color-emerald-green);border-radius:50%;display:flex;justify-content:center;align-items:center;flex-shrink:0}.info-item h4{font-size:1.125rem;color:var(--color-deep-blue);margin-bottom:.25rem}.info-item p{color:var(--color-text-secondary);line-height:1.6}.contact-form-container{background-color:#fff;padding:3rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-bg-tertiary)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--color-deep-blue);margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.875rem 1rem;border:1px solid #CBD5E1;border-radius:var(--border-radius-md);font-size:1rem;font-family:var(--font-family);transition:border-color .3s,box-shadow .3s;outline:none}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-vibrant-orange);box-shadow:0 0 0 3px #f973161a}.map-section{width:100%;line-height:0;filter:grayscale(20%) contrast(1.1)}@media (max-width: 992px){.contact-grid{grid-template-columns:1fr}}@media (max-width: 576px){.contact-form-container{padding:2rem}}.steps-grid{display:flex;gap:2rem;margin-top:4rem;overflow-x:auto;padding:2rem .5rem 3rem;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.steps-grid::-webkit-scrollbar{display:none}.step-card{flex:0 0 calc(33.333% - 1.333rem);scroll-snap-align:center;background-color:#fff;padding:3rem 2rem;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);text-align:center;position:relative;border:1px solid var(--color-bg-tertiary);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease,border-color .4s ease}.step-card:hover{transform:translateY(-15px) scale(1.03);box-shadow:0 25px 50px -12px #f9731640;border-color:#f973164d;z-index:2}.step-number{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:40px;height:40px;background-color:var(--color-vibrant-orange);color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:800;font-size:1.25rem}.step-icon{color:var(--color-deep-blue);margin-bottom:1.5rem;display:flex;justify-content:center}.step-card h3{color:var(--color-deep-blue);margin-bottom:1rem}.step-card p{color:var(--color-text-secondary);line-height:1.6}@media (max-width: 768px){.step-card{flex:0 0 85%}.steps-grid{gap:1.5rem;padding-left:1rem;padding-right:1rem}}.admin-page{display:flex;min-height:calc(100vh - 80px);background-color:#f8fafc}.admin-sidebar{width:280px;background-color:var(--color-deep-blue);color:#fff;padding:2rem 0;display:flex;flex-direction:column}.admin-brand{display:flex;align-items:center;gap:1rem;padding:0 2rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.admin-nav{display:flex;flex-direction:column;gap:.5rem;padding:0 1rem}.admin-nav-btn{display:flex;align-items:center;gap:1rem;background:transparent;color:#94a3b8;border:none;padding:1rem 1.5rem;border-radius:var(--border-radius-sm);font-size:1rem;font-weight:500;text-align:left;cursor:pointer;transition:all .3s}.admin-nav-btn:hover{background-color:#ffffff0d;color:#fff}.admin-nav-btn.active{background-color:var(--color-vibrant-orange);color:#fff}.admin-content{flex:1;display:flex;flex-direction:column;overflow-x:hidden}.admin-header{background-color:#fff;padding:1.5rem 3rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #E2E8F0}.admin-header h1{font-size:1.5rem;margin:0;color:var(--color-deep-blue)}.admin-profile{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--color-text-secondary);background:#f1f5f9;padding:.5rem 1rem;border-radius:50px}.admin-main{padding:3rem;flex:1}.section-title{margin-bottom:1.5rem;color:var(--color-deep-blue)}.table-container{background:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);border:1px solid #E2E8F0;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:1.25rem 1.5rem;text-align:left;border-bottom:1px solid #E2E8F0}.admin-table th{background-color:#f8fafc;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background-color:#f8fafc}.font-mono{font-family:monospace;font-size:.9rem;background:#f1f5f9;padding:.2rem .5rem;border-radius:4px}.action-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius-sm);font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:background .3s}.action-btn.download{background-color:#10b9811a;color:var(--color-emerald-green)}.action-btn.download:hover{background-color:var(--color-emerald-green);color:#fff}.action-btn.delete{background-color:#ef44441a;color:#ef4444;padding:.5rem}.action-btn.delete:hover{background-color:#ef4444;color:#fff}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase}.status-badge.warning{background-color:#f973161a;color:var(--color-vibrant-orange)}.empty-state{background:#fff;padding:4rem;text-align:center;border-radius:var(--border-radius-lg);color:var(--color-text-secondary);border:1px dashed #CBD5E1}@media (max-width: 992px){.admin-page{flex-direction:column}.admin-sidebar{width:100%;padding:1rem}.admin-nav{flex-direction:row;overflow-x:auto}.admin-main{padding:1.5rem}}:root{--color-bg-primary: #FFFFFF;--color-bg-secondary: #F8FAFC;--color-bg-tertiary: #F1F5F9;--color-deep-blue: #0A192F;--color-deep-blue-light: #112240;--color-emerald-green: #10B981;--color-emerald-hover: #059669;--color-vibrant-orange: #F97316;--color-vibrant-orange-hover: #EA580C;--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-light: #F8FAFC;--font-family: "Inter", sans-serif;--max-width: 1280px;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 24px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}ul{list-style:none}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.btn-icon{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s}.btn-icon:hover{background-color:var(--color-bg-secondary);color:#ef4444}.btn-link{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family);font-weight:500;text-align:left;padding:0}.btn-link:hover{color:var(--color-vibrant-orange)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:600;border-radius:var(--border-radius-md);transition:all .3s ease;gap:.5rem;min-width:160px}.btn-primary{background-color:var(--color-vibrant-orange);color:#fff}.btn-primary:hover{background-color:var(--color-vibrant-orange-hover);transform:translateY(-2px);box-shadow:0 4px 12px #f973164d}.btn-secondary{background-color:var(--color-emerald-green);color:#fff}.btn-secondary:hover{background-color:var(--color-emerald-hover);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-outline{background-color:transparent;color:var(--color-deep-blue);border:2px solid var(--color-deep-blue)}.btn-outline:hover{background-color:var(--color-deep-blue);color:#fff}.text-center{text-align:center}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-4{margin-bottom:2rem}.mt-4{margin-top:2rem}.py-section{padding:4.5rem 0}.section-title{font-size:2.5rem;font-weight:700;color:var(--color-deep-blue);margin-bottom:1rem}.section-subtitle{font-size:1.125rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto 3rem}@media (max-width: 768px){.container{padding:0 1rem}.section-title{font-size:2rem}}