body{margin:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:#f7f8fa;color:#222;line-height:1.6}

/* Navigation */
.navbar{position:fixed;top:0;left:0;width:100%;background:rgba(19,52,59,0.95);backdrop-filter:blur(10px);color:#fff;z-index:1000;transition:all .3s ease;border-bottom:1px solid rgba(255,255,255,0.1)}

.container-nav{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px}

.nav-links{list-style:none;margin:0;padding:0;display:flex;gap:30px}

.nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease}

.nav-links a:hover{color:#32b8c6}

.logo{color:#fff;text-decoration:none;font-size:1.4em;font-weight:bold}

/* Hero Section */
.hero{height:70vh;background:linear-gradient(135deg,#0d47a1 0%,#1976d2 100%);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;margin-top:70px}

.hero-content h1{font-size:2.8em;margin:0 0 20px;font-weight:700}

.hero-content span{color:#ffeb3b}

.hero-content p{font-size:1.2em;margin:0 0 30px;opacity:.9;max-width:600px}

.cta-btn{display:inline-block;padding:15px 30px;background:#ffeb3b;color:#000;font-weight:bold;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.2)}

.cta-btn:hover{background:#fff176;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}

/* Container */
.container{max-width:1200px;margin:0 auto;padding:0 20px}

/* Content Sections */
.content{max-width:900px;margin:100px auto 40px;padding:0 20px}

.content h1{text-align:center;margin-top:0;color:#0d47a1;font-size:2.5em}

.content h2{color:#1976d2;margin-top:40px;font-size:1.8em;border-bottom:2px solid #e3f2fd;padding-bottom:10px}

.content h3{color:#1976d2;margin-top:30px}

/* Offer Section */
.offer-section{padding:80px 20px;max-width:1200px;margin:auto}

.offer-section h2{text-align:center;font-size:2.5em;margin-bottom:50px;color:#0d47a1}

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

.filter-section label{font-weight:bold;margin-right:10px}

.filter-section select{padding:10px 15px;border:2px solid #ddd;border-radius:8px;font-size:16px;background:#fff}

.cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;margin-top:40px}

.domain-card{background:#fff;border-radius:15px;box-shadow:0 5px 15px rgba(0,0,0,.08);padding:25px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s ease;border:1px solid #e3f2fd}

.domain-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 10px 30px rgba(0,0,0,.15)}

.domain-card h3{margin:0 0 15px;font-size:1.3em;color:#0d47a1;font-weight:600}

.domain-description{color:#666;margin-bottom:10px;flex-grow:1}

.domain-category{background:#e3f2fd;color:#1976d2;padding:5px 12px;border-radius:20px;font-size:.85em;font-weight:bold;margin-bottom:15px;display:inline-block}

.price{font-weight:bold;color:#1976d2;margin:15px 0;font-size:1.4em}

.order-btn{align-self:flex-start;padding:12px 24px;background:linear-gradient(45deg,#1976d2,#42a5f5);color:#fff;border-radius:25px;text-decoration:none;font-weight:bold;transition:all .3s ease;box-shadow:0 3px 10px rgba(25,118,210,.3)}

.order-btn:hover{background:linear-gradient(45deg,#1565c0,#2196f3);transform:translateY(-2px);box-shadow:0 5px 15px rgba(25,118,210,.4)}

/* Contact Section */
.contact-section{background:linear-gradient(135deg,#0d47a1,#1976d2);color:#fff;padding:60px 20px;text-align:center}

.contact-section h2{margin-bottom:30px;font-size:2.2em}

.contact-info{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}

.contact-item{font-size:1.1em}

.contact-item a{color:#ffeb3b;text-decoration:none}

/* Footer */
footer{background:#134252;color:#fff;padding:40px 20px}

.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1200px;margin:0 auto 30px}

.footer-section h4{color:#32b8c6;margin-bottom:15px;font-size:1.2em}

.footer-section p{margin:5px 0}

.footer-section a{color:#fff;text-decoration:none;transition:color .3s ease}

.footer-section a:hover{color:#32b8c6}

.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid #2a5a6b}

/* Responsive Design */
@media (max-width:768px){
.hero-content h1{font-size:2.2em}
.nav-links{flex-direction:column;gap:15px}
.container-nav{flex-direction:column;text-align:center}
.contact-info{flex-direction:column;gap:20px}
.cards-container{grid-template-columns:1fr}
}

/* Special Styles for Subpages */
.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin:30px 0}

.benefit-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);border-left:4px solid #1976d2}

.benefit-card h3{color:#1976d2;margin-bottom:15px}

.case-study{background:#f8f9fa;padding:25px;border-radius:12px;margin:20px 0;border-left:4px solid #32b8c6}

.roi-analysis{background:#e3f2fd;padding:25px;border-radius:12px;margin:20px 0}

.roi-analysis h3{color:#0d47a1;margin-bottom:10px}

.warning-box{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:20px;margin:20px 0}

.warning-box h3{color:#856404;margin-bottom:15px}

.investment-cta{background:linear-gradient(135deg,#0d47a1,#1976d2);color:#fff;padding:40px;border-radius:15px;text-align:center;margin:40px 0}

.contact-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:25px}

.contact-option{background:rgba(255,255,255,.1);padding:20px;border-radius:10px}

.btn-primary,.btn-secondary{display:inline-block;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:bold;transition:all .3s ease;margin:5px}

.btn-primary{background:#1976d2;color:#fff}

.btn-primary:hover{background:#1565c0;transform:translateY(-2px)}

.btn-secondary{background:transparent;color:#1976d2;border:2px solid #1976d2}

.btn-secondary:hover{background:#1976d2;color:#fff}

/* FAQ Styles */
.faq-sections{margin:30px 0}

.faq-section{margin-bottom:40px}

.faq-section h2{background:linear-gradient(135deg,#0d47a1,#1976d2);color:#fff;padding:15px 20px;border-radius:10px;margin-bottom:20px}

.faq-item{background:#fff;border-radius:10px;box-shadow:0 3px 10px rgba(0,0,0,.1);margin-bottom:15px;overflow:hidden}

.faq-item h3{background:#f8f9fa;color:#0d47a1;padding:15px 20px;margin:0;cursor:pointer;border-bottom:1px solid #e9ecef}

.faq-item p{padding:20px;margin:0;color:#555}

.contact-faq{background:linear-gradient(135deg,#0d47a1,#1976d2);color:#fff;padding:40px;border-radius:15px;text-align:center;margin:40px 0}

.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:25px;margin-top:25px}

.contact-method{background:rgba(255,255,255,.1);padding:20px;border-radius:10px}

.cta-section{background:#f8f9fa;padding:40px;border-radius:15px;text-align:center;margin:40px 0}

.contact-buttons{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:20px}