*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6;color:#333}.news-header{background:#fff;border-bottom:1px solid #e5e5e5;position:sticky;top:0;z-index:100}.news-header .container{max-width:1200px;margin:0 auto;padding:1rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.news-logo{font-size:1.25rem;font-weight:700;color:#1a472a;text-decoration:none}.news-nav{display:flex;gap:1.5rem;flex-wrap:wrap}.news-nav a{color:#333;text-decoration:none;font-size:.9rem;font-weight:500;white-space:nowrap}.news-nav a:hover{color:#1a472a}.news-footer{background:#1a472a;color:#fff;padding:2rem 1rem;margin-top:4rem}.news-footer .container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.news-footer-links{display:flex;gap:1.5rem;flex-wrap:wrap}.news-footer-links a{color:#fff;text-decoration:none;font-size:.9rem;white-space:nowrap}.news-footer-links a:hover{opacity:.8}.news-footer-copy{font-size:.85rem;opacity:.9;width:100%;text-align:center;margin-top:1rem}@media(max-width:768px){.news-header .container{flex-direction:column;text-align:center;gap:.5rem}.news-logo{margin-bottom:.5rem}.news-nav{justify-content:center;gap:1rem}.news-footer .container{flex-direction:column;text-align:center}.news-footer-links{justify-content:center;gap:1rem}}

/* News Article Styles - Mobile First, Fast & Clean */
:root {
  --news-primary: #0d7377;
  --news-gold: #d4af37;
  --news-dark: #1a2332;
  --news-cream: #f5f1e8;
  --news-white: #ffffff;
  --news-gray: #6c757d;
  --news-light: #f8f9fa;
  --news-red: #dc3545;
}

/* Breaking Alert */
.breaking-news-alert {
  background: linear-gradient(135deg, var(--news-red), #ff4444);
  color: var(--news-white);
  padding: 12px 0;
  position: sticky;
  top: 0;
  z-index: 999;
  text-align: center;
}

.breaking-news-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 600;
  font-size: 14px;
  flex-wrap: wrap;
}

.breaking-badge {
  background: var(--news-white);
  color: var(--news-red);
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
}

/* Hero */
.agency-hero {
  background: linear-gradient(135deg, var(--news-cream), #e8dcc6);
  padding: 60px 20px;
  position: relative;
  overflow: hidden;
}

.agency-hero-content {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.agency-hero-badge {
  background: var(--news-gold);
  color: var(--news-dark);
  padding: 8px 20px;
  border-radius: 25px;
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  margin-bottom: 20px;
}

.agency-hero h1 {
  font-size: clamp(1.8rem, 5vw, 3rem);
  color: var(--news-dark);
  margin-bottom: 15px;
  line-height: 1.2;
}

.agency-highlight {
  color: var(--news-primary);
}

.agency-hero-subtitle {
  font-size: clamp(1rem, 3vw, 1.2rem);
  color: var(--news-gray);
  margin-bottom: 30px;
}

/* Stats */
.live-stats, .agency-hero-stats {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin: 30px 0;
  flex-wrap: wrap;
}

.stat-item, .agency-stat-item {
  background: var(--news-white);
  padding: 15px 20px;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  min-width: 100px;
  text-align: center;
}

.stat-number, .agency-stat-number {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--news-gold);
}

.stat-label, .agency-stat-label {
  font-size: 0.85rem;
  color: var(--news-gray);
}

/* Buttons */
.agency-hero-buttons, .agency-cta-buttons {
  display: flex;
  gap: 15px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 30px;
}

.agency-btn-primary, .agency-btn-secondary, .agency-btn-outline {
  padding: 14px 28px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s;
  display: inline-block;
  font-size: 1rem;
}

.agency-btn-primary {
  background: var(--news-primary);
  color: var(--news-white);
}

.agency-btn-secondary {
  background: var(--news-gold);
  color: var(--news-dark);
}

.agency-btn-outline {
  background: transparent;
  color: var(--news-primary);
  border: 2px solid var(--news-primary);
}

.agency-btn-primary:hover, .agency-btn-secondary:hover, .agency-btn-outline:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

/* Social Sharing */
.social-sharing-section {
  background: var(--news-dark);
  color: var(--news-white);
  padding: 30px 20px;
  text-align: center;
}

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

.social-btn {
  padding: 10px 20px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: transform 0.3s;
}

.social-btn:hover {
  transform: scale(1.05);
}

.social-btn.twitter { background: #1da1f2; color: white; }
.social-btn.facebook { background: #4267b2; color: white; }
.social-btn.linkedin { background: #0077b5; color: white; }
.social-btn.whatsapp { background: #25d366; color: white; }

/* Content Sections */
.agency-content, .agency-benefits, .agency-visa-info, .agency-documents, 
.agency-why-choose, .agency-process, .user-content, .press-coverage, 
.agency-locations, .agency-faq {
  padding: 60px 20px;
}

.agency-content:nth-child(even) {
  background: var(--news-light);
}

.container {
  max-width: 1200px;
  margin: 0 auto;
}

.agency-content-header h2, .agency-section-header h2 {
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  color: var(--news-dark);
  text-align: center;
  margin-bottom: 20px;
  font-weight: 700;
}

.agency-section-subtitle {
  text-align: center;
  color: var(--news-gray);
  margin-bottom: 30px;
}

.agency-content-text {
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.8;
  color: var(--news-dark);
}

.agency-content-text p {
  margin-bottom: 20px;
}

/* News Sources */
.news-sources {
  text-align: center;
  margin: 30px 0;
}

.source-logos {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 15px;
}

.source-item {
  background: var(--news-light);
  padding: 8px 15px;
  border-radius: 20px;
  font-size: 12px;
  font-weight: 600;
}

/* Highlight Grid */
.highlight-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  margin: 30px 0;
}

.highlight-item {
  background: linear-gradient(135deg, var(--news-primary), #14a085);
  color: white;
  padding: 20px;
  border-radius: 12px;
  text-align: center;
}

.highlight-icon {
  font-size: 2rem;
  display: block;
  margin-bottom: 10px;
}

/* Benefits Grid */
.agency-benefits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 30px;
}

.agency-benefit-item {
  background: var(--news-white);
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

/* Features Grid */
.agency-features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 25px;
  margin-top: 30px;
}

.agency-feature-card {
  background: var(--news-white);
  padding: 30px;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  text-align: center;
  transition: transform 0.3s;
}

.agency-feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.agency-feature-icon {
  font-size: 2.5rem;
  margin-bottom: 15px;
}

/* Process Steps */
.agency-process-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
  margin-top: 30px;
}

.agency-step-card {
  background: var(--news-white);
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  text-align: center;
}

.agency-step-number {
  width: 50px;
  height: 50px;
  background: var(--news-gold);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--news-dark);
  margin: 0 auto 15px;
}

/* Testimonials */
.testimonial-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 20px;
  margin-top: 30px;
}

.testimonial-item {
  background: var(--news-white);
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  border-left: 4px solid var(--news-gold);
}

.verified {
  color: #28a745;
  font-weight: 600;
}

/* Press Coverage */
.press-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 25px;
  margin-top: 30px;
}

.press-item {
  background: var(--news-white);
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.press-item ul {
  list-style: none;
  padding: 0;
}

.press-item li {
  padding: 8px 0;
  border-bottom: 1px solid var(--news-light);
}

/* FAQ */
.agency-faq {
  background: var(--news-cream);
}

.agency-faq-container {
  max-width: 900px;
  margin: 0 auto;
}

.agency-faq-item {
  background: var(--news-white);
  margin-bottom: 15px;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.agency-faq-item h3 {
  padding: 20px;
  margin: 0;
  font-size: 1.1rem;
  color: var(--news-dark);
  background: var(--news-light);
}

.agency-faq-item p, .agency-faq-item ul {
  padding: 0 20px 20px;
  margin: 0;
  line-height: 1.7;
}

.agency-faq-item ul {
  padding-left: 40px;
  padding-top: 10px;
}

.agency-comparison-table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
}

.agency-comparison-table th, .agency-comparison-table td {
  padding: 12px;
  text-align: left;
  border: 1px solid var(--news-light);
}

.agency-comparison-table th {
  background: var(--news-primary);
  color: var(--news-white);
  font-weight: 600;
}

/* CTA */
.agency-cta {
  background: linear-gradient(135deg, var(--news-dark), var(--news-primary));
  color: var(--news-white);
  padding: 60px 20px;
  text-align: center;
}

.agency-cta h2 {
  color: var(--news-white);
  margin-bottom: 15px;
}

.agency-trust-indicators {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 25px;
  flex-wrap: wrap;
}

.agency-trust-item {
  background: rgba(255,255,255,0.1);
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 14px;
}

/* Mobile Optimization */
@media(max-width:768px){.agency-hero{padding:40px 15px}.breaking-news-content{font-size:12px;padding:0 10px}.live-stats,.agency-hero-stats{gap:15px}.stat-item,.agency-stat-item{padding:12px 15px;min-width:80px}.agency-hero-buttons,.agency-cta-buttons{flex-direction:column;align-items:stretch}.agency-btn-primary,.agency-btn-secondary,.agency-btn-outline{width:100%}.social-buttons{flex-direction:column;align-items:stretch}.highlight-grid,.agency-benefits-grid,.agency-features-grid,.agency-process-steps,.testimonial-grid,.press-grid{grid-template-columns:1fr}.agency-content,.agency-benefits,.agency-visa-info,.agency-documents,.agency-why-choose,.agency-process,.user-content,.press-coverage,.agency-locations,.agency-faq{padding:40px 15px}.agency-comparison-table{font-size:14px;overflow-x:auto;display:block}.agency-comparison-table th,.agency-comparison-table td{padding:8px;font-size:12px}}

.expert-quote{background:#f8f9fa;border-left:4px solid #007bff;padding:20px;margin:20px 0;border-radius:5px}.expert-quote blockquote{margin:0;font-style:italic;font-size:18px}.expert-quote cite{display:block;margin-top:10px;font-weight:700;color:#666}.viral-stats{background:#fff3cd;border:1px solid #ffeaa7;padding:20px;border-radius:10px;margin:20px 0}.viral-stats ul li{margin:10px 0;font-size:16px}.social-buzz{margin-top:30px}.social-posts{display:flex;flex-direction:column;gap:15px}.social-post{background:#f8f9fa;padding:15px;border-radius:10px;border-left:4px solid #007bff}.social-stats{font-size:12px;color:#666;margin-top:10px}.final-impact{background:#d4edda;border:1px solid #c3e6cb;padding:20px;border-radius:10px;margin:20px 0}.urgency-message{background:#f8d7da;border:1px solid #f5c6cb;padding:15px;border-radius:10px;text-align:center;margin:20px 0;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}100%{opacity:1}}*{box-sizing:border-box}img{max-width:100%;height:auto}.agency-hero,.agency-content,.social-sharing-section{will-change:transform}