#loading-screen,.nav{display:flex;align-items:center}.hero-title,.loader-container{color:#00ffd5}.btn,.logo,.nav-links a{text-decoration:none}.btn,.loader-text,.logo span{letter-spacing:.6px}.hero-title,.logo span,.section-title{font-family:Orbitron,sans-serif}.card,.hero-content,.loader-container,.pricing-features,.section-title,.site-footer{text-align:center}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;-webkit-font-smoothing:antialiased;color:#e7fafa;background:#07070a;scroll-behavior:smooth}.container{width:92%;max-width:1200px;margin:0 auto}.background-image{position:fixed;inset:0;background-image:url('https://wallpapers.com/images/hd/black-space-background-sd026cq761jfw6n1.jpg');background-size:cover;background-position:center;z-index:-2;filter:brightness(.45) saturate(1.1)}body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(3,3,6,.35),rgba(3,3,6,.6))}#loading-screen{position:fixed;inset:0;z-index:99999;justify-content:center;background:linear-gradient(180deg,rgba(5,6,10,.98),rgba(5,6,10,.98));transition:opacity .5s}.loader-logo{width:72px;display:block;margin:0 auto 12px;filter:drop-shadow(0 6px 18px rgba(0,255,213,.25));animation:3s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.loader-ring{width:54px;height:54px;margin:8px auto;border-radius:50%;border:5px solid rgba(255,255,255,.06);border-top-color:#00ffd5;animation:1s linear infinite loader}@keyframes loader{to{transform:rotate(360deg)}}.loader-text{margin-top:8px;font-weight:600}.btn,.price{font-weight:700}body.loading{overflow:hidden}.site-header{position:fixed;top:0;left:0;right:0;z-index:2000;background:rgba(4,5,8,.55);backdrop-filter:blur(6px);border-bottom:1px solid rgba(0,255,213,.03)}.nav{justify-content:space-between;height:64px}.logo,.nav-links{display:flex;align-items:center}.logo{gap:10px;margin-left:6px}.logo img{height:40px;filter:drop-shadow(0 6px 18px rgba(0,255,213,.18))}.logo span{font-weight:800;font-size:1.15rem;color:#fff;text-shadow:0 0 10px rgba(0,255,213,.35)}.nav-links{gap:20px;list-style:none;margin-right:8px}.nav-links a{color:#e7fafa;font-weight:600;padding:6px 8px;border-radius:4px;transition:.18s}.nav-links a:hover{color:#001011;background:linear-gradient(90deg,#03d1afc0,#f8f8fa);box-shadow:0 4px 18px rgba(0,255,213,.12)}.mobile-menu-toggle{display:none;background:0 0;border:0;padding:8px;margin-right:8px;cursor:pointer}.mobile-menu-toggle span{display:block;width:22px;height:3px;background:#e7fafa;margin:4px 0;border-radius:2px;transition:transform .18s}.hero{height:86vh;display:flex;align-items:center;justify-content:center;padding-top:64px}.hero-inner{width:100%;display:flex;justify-content:center;align-items:center}.cards,.hero-cta{justify-content:center}.hero-content{background:linear-gradient(180deg,rgba(2,8,10,.55),rgba(2,8,10,.35));padding:48px;max-width:980px;border-radius:12px;box-shadow:0 20px 60px rgba(4,6,9,.8);border:1px solid rgba(0,255,213,.06)}.hero-title{font-size:2.6rem;text-shadow:0 0 18px rgba(0,255,213,.15);margin-bottom:12px}.hero-sub{font-size:1.05rem;color:#d9f9f6;margin-bottom:18px;opacity:.95}.hero-cta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}.btn,.price span{display:inline-block}.cards,.pricing-wrap{gap:18px;display:flex}.btn{padding:12px 18px;border-radius:8px;transition:.22s}.btn-primary{background:linear-gradient(90deg,#00ffd5,#00e0c0);color:#041114;box-shadow:0 10px 30px rgba(0,255,213,.08)}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 16px 45px rgba(0,255,213,.18)}.btn-outline{border:1px solid rgba(0,255,213,.18);color:#eae8ff;background:0 0}.btn-outline:hover{background:rgba(0,255,213,.06);transform:translateY(-3px)}.section{padding:64px 0}.section-title{font-size:2rem;color:#2600ff;margin-bottom:26px;text-shadow:0 0 12px rgba(0,255,213,.12)}.cards{flex-wrap:wrap}.card{background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.25));border-radius:10px;padding:20px;width:260px;border:1px solid rgba(0,255,213,.03);box-shadow:0 8px 30px rgba(2,6,8,.7)}.card h3{color:#00ffd5;margin-bottom:8px;font-size:1.1rem}.card p{color:#dffef9;font-size:.95rem;line-height:1.5}.pricing-wrap{justify-content:center;align-items:flex-start;flex-wrap:wrap;margin-top:8px}.pricing-card{width:300px;background:linear-gradient(180deg,rgba(0,0,0,.6),rgba(2,4,6,.35));border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:1px solid rgba(0,255,213,.03);box-shadow:0 12px 40px rgba(2,6,8,.8);transition:transform .25s,box-shadow .25s}.pricing-card:hover{transform:translateY(-8px);box-shadow:0 24px 70px rgba(0,0,0,.9)}.pricing-card.featured{border:2px solid rgba(0,255,213,.55);box-shadow:0 30px 90px rgba(0,255,213,.06),0 18px 48px rgba(2,6,8,.8);transform:translateY(-4px)}.pricing-head h3{color:#001aff;margin-bottom:6px;font-size:1.15rem}.price{font-size:2rem;color:#00ffd5;margin:6px 0}.price span{font-size:2.1rem}.price small{font-size:.8rem;color:#c6fff9;margin-left:6px}.pricing-features{list-style:none;padding:0;margin:12px 0 18px;line-height:1.8;color:#dffef9}.select-btn{width:100%;display:inline-flex;justify-content:center;align-items:center;padding:12px 0;border-radius:8px;text-transform:uppercase;font-weight:800;letter-spacing:.7px}.faq-list{max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.3));padding:14px 18px;border-radius:8px;border:1px solid rgba(0,255,213,.05);box-shadow:0 8px 30px rgba(2,6,8,.55)}.faq-item .question{width:100%;text-align:left;font-weight:700;color:#e9fffd;background:0 0;border:0;padding:0;font-size:1rem;cursor:pointer}.faq-item .answer{margin-top:10px;color:#bff7f1;line-height:1.6;max-height:0;overflow:hidden;transition:max-height .32s,opacity .28s;opacity:0}.faq-item[aria-open=true]{border-color:rgba(0,255,213,.4);box-shadow:0 20px 60px rgba(0,255,213,.06)}.faq-item.open .answer{max-height:400px;opacity:1}.site-footer{padding:24px 0;background:rgba(0,0,0,.5);border-top:1px solid rgba(0,255,213,.03);color:#c9fffb;font-size:.95rem}.lead{font-size:1.2rem;color:#00ffd5;margin-bottom:20px;text-shadow:0 0 10px rgba(0,255,213,.3)}.features-grid div,.packages-grid div{background:rgba(0,255,213,.05);padding:12px 8px;border-radius:8px;border:1px solid rgba(0,255,213,.1);font-size:.95rem;color:#e7fafa}.pricing-section{margin-bottom:50px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}

/* Download Section Styles */
.download-section {
    margin-top: 40px;
}

.download-section .section-header {
    text-align: center;
    margin-bottom: 40px;
}

.download-section .section-header h2 {
    font-family: 'Orbitron', sans-serif;
    font-size: 2.5rem;
    color: #00ffd5;
    margin-bottom: 15px;
    text-shadow: 0 0 15px rgba(0, 255, 213, 0.3);
}

.download-section .section-header p {
    font-size: 1.1rem;
    color: #d9f9f6;
    max-width: 600px;
    margin: 0 auto;
    opacity: 0.9;
}

.platforms-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin: 40px 0;
}

.platform-card {
    background: linear-gradient(180deg, rgba(0,0,0,0.6), rgba(2,4,6,0.4));
    border-radius: 15px;
    padding: 30px;
    border: 1px solid rgba(0,255,213,0.1);
    box-shadow: 0 15px 45px rgba(2,6,8,0.8);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.platform-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #00ffd5, #00e0c0);
    opacity: 0;
    transition: opacity 0.3s;
}

.platform-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 60px rgba(0, 255, 213, 0.15);
    border-color: rgba(0,255,213,0.3);
}

.platform-card:hover::before {
    opacity: 1;
}

.platform-card.featured {
    border: 2px solid rgba(0,255,213,0.5);
    box-shadow: 0 25px 70px rgba(0, 255, 213, 0.1);
}

.featured-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: linear-gradient(90deg, #00ffd5, #00a3ff);
    color: #041114;
    padding: 6px 15px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.platform-icon {
    font-size: 3rem;
    color: #00ffd5;
    margin-bottom: 20px;
    text-align: center;
}

.platform-card h3 {
    font-family: 'Orbitron', sans-serif;
    font-size: 1.6rem;
    color: #fff;
    margin-bottom: 15px;
    text-align: center;
}

.platform-desc {
    color: #dffef9;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 25px;
    text-align: center;
    opacity: 0.9;
}

.platform-info {
    background: rgba(0, 255, 213, 0.05);
    border-radius: 10px;
    padding: 18px;
    margin-bottom: 25px;
    border: 1px solid rgba(0, 255, 213, 0.1);
}

.info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 255, 213, 0.05);
}

.info-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.info-label {
    color: #bff7f1;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
}

.info-value {
    color: #00ffd5;
    font-weight: 700;
    font-size: 1rem;
}

.download-options {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.primary-download {
    background: linear-gradient(90deg, #00ffd5, #00e0c0);
    color: #041114;
    padding: 16px 0;
    border-radius: 10px;
    font-weight: 700;
    font-size: 1rem;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-decoration: none;
    transition: all 0.3s;
}

.primary-download:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(0, 255, 213, 0.3);
}

.secondary-links {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
}

.link-secondary {
    color: #00ffd5;
    text-decoration: none;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.3s;
    opacity: 0.8;
}

.link-secondary:hover {
    opacity: 1;
    text-decoration: underline;
}

/* Setup Guide */
.guide-section {
    margin: 60px 0;
}

.guide-steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
    margin: 40px 0;
}

.guide-step {
    background: linear-gradient(180deg, rgba(0,0,0,0.5), rgba(2,4,6,0.3));
    border-radius: 15px;
    padding: 25px;
    border: 1px solid rgba(0,255,213,0.1);
    position: relative;
    transition: all 0.3s;
}

.guide-step:hover {
    transform: translateY(-5px);
    border-color: rgba(0,255,213,0.3);
}

.step-number {
    position: absolute;
    top: -15px;
    left: 25px;
    background: linear-gradient(90deg, #00ffd5, #00e0c0);
    color: #041114;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 1.1rem;
    box-shadow: 0 5px 15px rgba(0, 255, 213, 0.3);
}

.step-content h3 {
    color: #00ffd5;
    font-size: 1.2rem;
    margin-bottom: 12px;
    font-family: 'Orbitron', sans-serif;
}

.step-content p {
    color: #dffef9;
    font-size: 0.9rem;
    line-height: 1.6;
    opacity: 0.9;
}

.config-help {
    background: linear-gradient(90deg, rgba(0,255,213,0.1), rgba(0,163,255,0.1));
    border-radius: 15px;
    padding: 30px;
    text-align: center;
    border: 1px solid rgba(0,255,213,0.2);
    margin-top: 40px;
}

.config-help h3 {
    font-family: 'Orbitron', sans-serif;
    color: #00ffd5;
    font-size: 1.6rem;
    margin-bottom: 15px;
}

.config-help p {
    color: #dffef9;
    font-size: 1rem;
    margin-bottom: 25px;
    opacity: 0.9;
}

.help-links {
    display: flex;
    justify-content: center;
    gap: 15px;
    flex-wrap: wrap;
}

/* Modal */
.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    backdrop-filter: blur(10px);
    z-index: 4000;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.modal-content {
    background: linear-gradient(180deg, rgba(10,12,16,0.95), rgba(5,7,10,0.98));
    width: 90%;
    max-width: 600px;
    border-radius: 15px;
    border: 1px solid rgba(0,255,213,0.2);
    overflow: hidden;
    box-shadow: 0 30px 80px rgba(0, 255, 213, 0.2);
}

.modal-header {
    background: rgba(0, 255, 213, 0.1);
    padding: 20px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(0,255,213,0.2);
}

.modal-header h3 {
    color: #00ffd5;
    font-family: 'Orbitron', sans-serif;
    margin: 0;
    font-size: 1.4rem;
}

.modal-close {
    background: none;
    border: none;
    color: #00ffd5;
    font-size: 2.5rem;
    cursor: pointer;
    line-height: 1;
    padding: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.modal-close:hover {
    transform: rotate(90deg);
}

.modal-body {
    padding: 25px;
    color: #dffef9;
}

.command-block {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid rgba(0,255,213,0.1);
}

.command-header {
    background: rgba(0, 255, 213, 0.1);
    padding: 12px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(0,255,213,0.2);
}

.command-header span {
    color: #00ffd5;
    font-weight: 700;
    font-family: 'Orbitron', sans-serif;
}

.copy-btn {
    background: rgba(0, 255, 213, 0.2);
    color: #00ffd5;
    border: 1px solid rgba(0,255,213,0.3);
    padding: 6px 12px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.3s;
}

.copy-btn:hover {
    background: rgba(0, 255, 213, 0.3);
}

.command-block pre {
    margin: 0;
    padding: 15px;
    overflow-x: auto;
}

.command-block code {
    color: #00ffd5;
    font-family: 'Courier New', monospace;
    font-size: 0.85rem;
    line-height: 1.5;
}

.modal-actions {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin-top: 20px;
}

/* Responsive */
@media (max-width:900px){
    .hero-title{font-size:2rem}.pricing-card{width:92%;max-width:420px}.cards{gap:14px}.features-grid,.packages-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
    .platforms-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .guide-steps {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width:780px){
    .nav-links{position:absolute;right:8px;top:64px;background:rgba(1,3,5,.9);display:none;flex-direction:column;padding:16px;border-radius:8px;width:200px;border:1px solid rgba(0,255,213,.03)}.mobile-menu-toggle,.nav-links a{display:block}.nav-links.show{display:flex}.nav-links a{padding:10px}.hero{padding-top:64px;height:78vh}
}
@media (max-width:600px){
    .features-grid,.packages-grid{grid-template-columns:1fr}.lead{font-size:1.1rem}
    .platforms-grid {
        grid-template-columns: 1fr;
    }
    .guide-steps {
        grid-template-columns: 1fr;
    }
    .help-links {
        flex-direction: column;
        align-items: center;
    }
    .help-links .btn {
        width: 100%;
        max-width: 300px;
    }
}
a.btn:focus,button:focus{outline:rgba(0,255,213,.18) solid 3px;outline-offset:2px;border-radius:6px}