/* --- ASIIMOV - STYLE.CSS (FIXED FONTS & VISIBILITY) --- */

/* 1. IMPORT FONTURI (Am adaugat greutatile 800 si 900 pentru numere groase si iconite) */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700;800;900&display=swap');

:root {
    --primary: #ff7b00;
    --primary-glow: rgba(255, 123, 0, 0.4);
    --dark-bg: #0f1014;
    --card-bg: #1a1c23;
    --text-white: #ffffff;
    --text-gray: #a0a0a0;
    --gradient-text: linear-gradient(45deg, #ff7b00, #ffcc00);
}

/* 2. RESETARE */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Poppins', sans-serif; background-color: var(--dark-bg); color: var(--text-white); line-height: 1.6; overflow-x: hidden; }
a { text-decoration: none; }
ul { list-style: none; }

/* 3. STILURI PENTRU NUMERE PASI (FIXED) */
.step-number {
    font-size: 3.5rem; /* Mai mare */
    font-weight: 900; /* Foarte gros */
    color: rgba(255, 123, 0, 0.25); /* Am crescut opacitatea sa se vada mai bine */
    position: absolute;
    top: 5px;
    right: 15px;
    line-height: 1;
    z-index: 0;
}

/* --- RESTUL STILURILOR RAMAN LA FEL, LE PUN AICI MINIFICATE PT COPY-PASTE USOR --- */
nav{position:fixed;top:0;width:100%;background:rgba(15,16,20,0.95);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(255,255,255,0.05)}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;height:70px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:2px}.logo span{color:var(--primary)}.nav-links{display:flex;gap:30px;height:100%}.nav-links>li{height:100%;display:flex;align-items:center}.nav-links a{color:var(--text-white);font-size:0.95rem;font-weight:500;transition:0.3s}.nav-links a:hover{color:var(--primary)}.dropdown{position:relative;height:100%;display:flex;align-items:center;cursor:pointer}.dropdown-content{display:none;position:absolute;top:100%;left:-20px;margin-top:0;background:var(--card-bg);min-width:270px;box-shadow:0 10px 30px rgba(0,0,0,0.5);border-radius:0 0 8px 8px;border:1px solid rgba(255,255,255,0.1);border-top:3px solid var(--primary);padding:10px 0;z-index:1001}.dropdown-content::before{content:"";position:absolute;top:-20px;left:0;width:100%;height:20px;background:0 0}.dropdown:hover .dropdown-content{display:block;animation:fadeIn .2s ease}.dropdown-content a{display:block;padding:12px 20px;color:var(--text-gray);font-size:0.9rem;border-bottom:1px solid rgba(255,255,255,0.02)}.dropdown-content a:hover{color:var(--primary);background:rgba(255,123,0,0.05);padding-left:25px}.dropdown-content i{width:25px;text-align:center;margin-right:8px;color:var(--primary);opacity:.8}.nav-badge{background-color:#2ecc71;color:#000;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:4px;margin-left:8px;text-transform:uppercase;vertical-align:middle;box-shadow:0 0 10px rgba(46,204,113,0.4)}.btn-main{background:var(--primary);color:#fff;padding:12px 35px;border-radius:6px;font-weight:700;display:inline-block;border:2px solid var(--primary);transition:all .3s ease;box-shadow:0 4px 15px rgba(255,123,0,0.3);text-transform:uppercase;font-size:0.9rem;letter-spacing:.5px;cursor:pointer}.btn-main:hover{background:#e66e00;border-color:#e66e00;transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,123,0,0.5)}.btn-outline{background:0 0;border:2px solid var(--primary);color:#fff;padding:12px 35px;border-radius:6px;font-weight:700;display:inline-block;transition:all .3s ease;text-transform:uppercase;font-size:0.9rem;letter-spacing:.5px;cursor:pointer}.btn-outline:hover{background:var(--primary);color:#fff;box-shadow:0 0 20px var(--primary-glow);transform:translateY(-3px)}.btn-small{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.2);color:var(--primary);padding:8px 20px;border-radius:4px;font-weight:600;font-size:.85rem;display:inline-block;transition:all .3s;margin-top:10px}.btn-small:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-support{border:2px solid var(--primary);color:var(--primary);padding:8px 25px;border-radius:50px;font-weight:700;transition:.3s}.btn-support:hover{background:var(--primary);color:#fff;box-shadow:0 0 15px var(--primary-glow)}.container{max-width:1200px;margin:0 auto;padding:60px 20px}.hero-index{min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 20px 50px;background:radial-gradient(circle at center,rgba(255,123,0,0.15),transparent 70%)}.hero-content{max-width:900px;margin:0 auto;width:100%}.hero-btns-container{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:40px}.page-header{padding:150px 20px 80px;text-align:center;background:radial-gradient(circle at top,rgba(255,123,0,0.08),transparent 60%)}.page-header h1{font-size:3rem;margin-bottom:15px;font-weight:700}.highlight{color:var(--primary)}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.pricing-card{background:var(--card-bg);padding:40px;border-radius:16px;border:1px solid rgba(255,255,255,0.05);transition:.3s;height:100%;display:flex;flex-direction:column}.pricing-card:hover{border-color:var(--primary);transform:translateY(-10px);box-shadow:0 10px 40px -10px rgba(0,0,0,0.5)}.card-center{text-align:center!important;align-items:center}.price{font-size:2.5rem;font-weight:700;margin:20px 0;color:#fff}.price span{font-size:1rem;color:var(--text-gray);font-weight:400}.features-list li{margin-bottom:10px;color:var(--text-gray);font-size:.95rem}.features-list li i{color:var(--primary);margin-right:10px;width:20px}.tech-table{width:100%;border-collapse:collapse;margin-top:30px;background:var(--card-bg);border-radius:12px;overflow:hidden}.tech-table th,.tech-table td{padding:20px;text-align:left;border-bottom:1px solid rgba(255,255,255,0.05)}.tech-table th{color:var(--primary);text-transform:uppercase;font-size:.85rem;background:rgba(0,0,0,0.2)}.tech-table tr:hover{background:rgba(255,255,255,0.02)}.os-section{padding:60px 0;border-top:1px solid rgba(255,255,255,0.05)}.os-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;margin-top:40px}.os-card{background:var(--card-bg);border:1px solid rgba(255,255,255,0.05);border-radius:12px;padding:25px 15px;text-align:center;transition:all .3s ease;cursor:default}.os-card i{font-size:2.5rem;color:#666;margin-bottom:15px;display:block;transition:.3s}.os-card span{font-weight:600;color:var(--text-gray);font-size:.9rem;transition:.3s}.os-card:hover{border-color:var(--primary);transform:translateY(-5px);background:rgba(255,123,0,0.05)}.os-card:hover i{color:var(--primary);transform:scale(1.1)}.os-card:hover span{color:#fff}.section-header-center{text-align:center;margin-bottom:60px;max-width:800px;margin-left:auto;margin-right:auto}.legal-content{background:var(--card-bg);padding:40px;border-radius:12px;border:1px solid rgba(255,255,255,0.05);color:#d0d0d0;line-height:1.8;font-size:.95rem;text-align:justify}.legal-content h2{color:var(--primary);font-size:1.5rem;margin-top:40px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:10px}.legal-content h3{color:#fff;font-size:1.1rem;margin-top:25px;margin-bottom:10px;font-weight:600}.legal-content p{margin-bottom:15px}.legal-content ul{list-style-type:disc;margin-left:20px;margin-bottom:20px}.domain-search-wrapper{background:rgba(255,255,255,0.05);padding:8px;border-radius:50px;display:flex;max-width:700px;margin:40px auto 0;border:1px solid rgba(255,255,255,0.1);backdrop-filter:blur(5px);position:relative;z-index:20}.domain-input{flex:1;background:0 0;border:none;color:#fff;padding:15px 25px;font-size:1.1rem;outline:0;font-family:'Poppins',sans-serif}.domain-select{background:0 0;border:none;color:var(--primary);font-weight:700;font-size:1.1rem;padding:0 15px;cursor:pointer;outline:0;border-left:1px solid rgba(255,255,255,0.1)}.domain-select option{background:#1a1c23;color:#fff}.domain-btn{background:var(--primary);color:#fff;border:none;padding:10px 40px;border-radius:40px;font-weight:700;cursor:pointer;transition:.3s;text-transform:uppercase}.domain-btn:hover{background:#e66e00;box-shadow:0 0 15px rgba(255,123,0,0.4)}.domain-result-box{max-width:700px;margin:20px auto 0;padding:20px;border-radius:12px;display:none;align-items:center;justify-content:space-between;animation:fadeIn .3s ease}.result-available{background:rgba(46,204,113,0.15);border:1px solid #2ecc71}.result-taken{background:rgba(231,76,60,0.15);border:1px solid #e74c3c}.result-text{font-size:1.1rem;font-weight:600;color:#fff}.result-btn{background:#2ecc71;color:#fff;padding:10px 25px;border-radius:50px;text-decoration:none;font-weight:700;font-size:.9rem;transition:.3s}.result-btn:hover{background:#27ae60;transform:translateY(-2px)}.loading-spinner{display:none;margin:20px auto;width:30px;height:30px;border:3px solid rgba(255,255,255,0.1);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.tld-badge{font-size:2rem;font-weight:800;color:#fff;margin-bottom:5px;display:block}.tabs-container{text-align:center;margin-bottom:40px}.tab-btn{background:0 0;border:2px solid rgba(255,255,255,0.1);color:#888;padding:15px 40px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;margin:5px;border-radius:50px}.tab-btn:hover{border-color:var(--primary);color:#fff}.tab-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 20px var(--primary-glow)}.tab-content{display:none;animation:fadeIn .5s ease}.tab-content.active{display:block}.location-badge{font-size:.8rem;color:#ccc;display:block;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,0.05)}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:60px;align-items:start}.footer-col h4{color:#fff;margin-bottom:25px;font-size:1.1rem;position:relative;display:inline-block}.footer-col h4::after{content:'';position:absolute;left:0;bottom:-8px;width:30px;height:2px;background:var(--primary)}.footer-col ul li{margin-bottom:12px}.footer-col ul li a{color:var(--text-gray);transition:color .2s}.footer-col ul li a:hover{color:var(--primary)}.company-details{font-size:.85rem;line-height:1.8;margin-top:20px;color:#666}.legal-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.legal-img{height:35px;width:auto;border-radius:4px;opacity:.9;background:#fff;padding:3px}.anpc-row{margin-top:20px;display:flex;flex-direction:column;gap:10px}.anpc-img{max-width:250px;height:auto;display:block;border-radius:4px}.copyright{text-align:center;padding-top:30px;border-top:1px solid rgba(255,255,255,0.05);font-size:.85rem;color:#444}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}100%{transform:scale(3);opacity:0}}@keyframes spin{100%{transform:rotate(360deg)}}@media(max-width:768px){.nav-links{display:none}.hero-content h1{font-size:2.5rem}.hero-index{padding-top:150px}.footer-grid{grid-template-columns:1fr}.tabs-container{display:flex;flex-direction:column;gap:10px}.domain-search-wrapper{flex-direction:column;border-radius:12px}.domain-select{border-left:none;border-top:1px solid rgba(255,255,255,0.1);padding:15px}.domain-btn{width:100%;border-radius:8px}.domain-result-box{flex-direction:column;gap:15px;text-align:center}}footer{background:#0a0a0a;border-top:1px solid rgba(255,255,255,0.05);margin-top:80px;padding-top:60px;padding-bottom:30px;color:var(--text-gray);font-size:.9rem}
/* ADD-ON SPECIFIC: STILURI CONTRACT TERM */
.contract-term { font-size: 0.85rem; color: #888; background: rgba(255,255,255,0.05); padding: 5px 10px; border-radius: 4px; display: inline-block; margin-bottom: 20px; border: 1px solid rgba(255,255,255,0.1); }
/* ADD-ON SPECIFIC: FEATURE ROW IMAGE CENTERING */
.feature-row { display: flex; align-items: center; gap: 50px; margin-bottom: 80px; }
.feature-row:nth-child(even) { flex-direction: row-reverse; }
.feature-text { flex: 1; }
.feature-text h2 { font-size: 2rem; margin-bottom: 20px; }
.feature-img { flex: 1; background: var(--card-bg); height: 300px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 5rem; color: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.05); }
.step-item { flex: 1; text-align: center; background: var(--card-bg); padding: 30px 20px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.05); min-width: 200px; position:relative; }
.step-number { font-size: 3rem; font-weight: 800; color: rgba(255,123,0,0.25); position: absolute; top: 10px; right: 20px; line-height:1; }
.step-icon { font-size: 2.5rem; color: var(--primary); margin-bottom: 20px; }
.process-steps { display: flex; justify-content: space-between; margin-top: 50px; position: relative; flex-wrap: wrap; gap: 20px; }
/* ADD-ON: BACKUP BANNER */
.backup-banner { background: linear-gradient(135deg, rgba(255,123,0,0.1), rgba(0,0,0,0)); border: 1px solid var(--primary); border-radius: 16px; padding: 40px; margin-top: 80px; display: flex; align-items: center; gap: 40px; position: relative; overflow: hidden; }
.backup-content h3 { font-size: 1.8rem; margin-bottom: 10px; color: white; }
.backup-content p { color: #a0a0a0; font-size: 1rem; margin-bottom: 20px; }
.backup-icon { font-size: 5rem; color: var(--primary); opacity: 0.8; }
.backup-tags span { background: rgba(255,255,255,0.1); padding: 5px 15px; border-radius: 20px; font-size: 0.85rem; margin-right: 10px; color: white; border: 1px solid rgba(255,255,255,0.1); }
/* ADD-ON: FAQ STYLE */
.faq-section { margin-top: 80px; }
.faq-item { background: var(--card-bg); border: 1px solid rgba(255,255,255,0.05); margin-bottom: 15px; border-radius: 8px; overflow: hidden; }
.faq-question { padding: 20px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-weight: 600; color: white; transition: 0.3s; }
.faq-question:hover { background: rgba(255,255,255,0.02); color: var(--primary); }
.faq-answer { padding: 0 20px 20px 20px; color: #a0a0a0; font-size: 0.95rem; display: none; border-top: 1px solid rgba(255,255,255,0.05); padding-top: 20px; line-height: 1.6; }
.faq-question.active { color: var(--primary); }
.faq-question.active i { transform: rotate(180deg); }
/* --- ORDER MODAL (POP-UP) --- */
.modal-overlay {
    display: none; /* Ascuns default */
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(5px);
    z-index: 9999;
    align-items: center;
    justify-content: center;
    animation: fadeIn 0.3s ease;
}

.modal-box {
    background: #1a1c23;
    padding: 40px;
    border-radius: 16px;
    width: 90%;
    max-width: 400px;
    border: 1px solid var(--primary);
    box-shadow: 0 0 30px rgba(255, 123, 0, 0.2);
    position: relative;
    text-align: center;
}

.modal-close {
    position: absolute;
    top: 15px; right: 15px;
    color: #888;
    cursor: pointer;
    font-size: 1.2rem;
    transition: 0.3s;
}
.modal-close:hover { color: white; }

.modal-input {
    width: 100%;
    padding: 15px;
    margin: 20px 0;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    color: white;
    font-size: 1.1rem;
    outline: none;
}
.modal-input:focus { border-color: var(--primary); }

.modal-status { margin-top: 15px; font-size: 0.9rem; font-weight: 600; }
.status-success { color: #2ecc71; }
.status-error { color: #e74c3c; }
/* --- MOBILE MENU STYLES --- */

/* Ascunde elementele de mobil pe Desktop */
.hamburger-menu, .mobile-nav-overlay {
    display: none;
}

/* Stiluri specifice pentru ecrane mici (Tablete si Mobile) */
@media (max-width: 992px) {
    
    /* Ascunde meniul Desktop */
    .desktop-only {
        display: none !important;
    }

    /* Arata Hamburger */
    .hamburger-menu {
        display: block;
        font-size: 1.8rem;
        color: white;
        cursor: pointer;
        padding: 10px;
    }

    /* Meniul Mobil (Sertarul) */
    .mobile-nav-overlay {
        display: block;
        position: fixed;
        top: 0;
        right: -100%; /* Ascuns in dreapta */
        width: 85%; /* Cat de lat e meniul */
        height: 100vh;
        background: #15161b;
        z-index: 2000;
        transition: right 0.3s ease-in-out;
        box-shadow: -5px 0 30px rgba(0,0,0,0.5);
        padding: 20px;
        overflow-y: auto;
    }

    /* Clasa care deschide meniul */
    .mobile-nav-overlay.active {
        right: 0;
    }

    /* Header Meniu Mobil (Logo + Close) */
    .mobile-nav-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 30px;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding-bottom: 20px;
    }

    .close-menu {
        font-size: 2.5rem;
        color: #888;
        cursor: pointer;
        line-height: 0.5;
    }

    /* Link-uri Mobile */
    .mobile-link-head {
        font-size: 1.1rem;
        color: white;
        padding: 15px 0;
        border-bottom: 1px solid rgba(255,255,255,0.05);
        display: flex;
        justify-content: space-between;
        cursor: pointer;
    }

    .mobile-link-head i {
        transition: transform 0.3s;
        font-size: 0.9rem;
        color: var(--primary);
    }

    /* Submeniuri (Ascunse default) */
    .mobile-submenu {
        display: none;
        padding-left: 15px;
        background: rgba(255,255,255,0.02);
        margin-bottom: 10px;
    }

    .mobile-submenu a {
        display: block;
        padding: 12px 0;
        color: #ccc;
        font-size: 0.95rem;
        text-decoration: none;
        border-bottom: 1px dashed rgba(255,255,255,0.05);
    }

    /* Clasa pentru deschidere submeniu */
    .mobile-item.open .mobile-submenu {
        display: block;
        animation: fadeIn 0.3s;
    }

    .mobile-item.open .mobile-link-head i {
        transform: rotate(90deg);
    }
}