:root { --arg-accent: #8b2252; --arg-dark: #1a1a2e; --arg-light: #faf8f5; --arg-text: #2d2d2d; --arg-muted: #6b6b6b; }
.arg-body { font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif; background: var(--arg-light); color: var(--arg-text); margin: 0; line-height: 1.7; }
.arg-nav { display: flex; justify-content: center; align-items: center; background: linear-gradient(135deg, var(--arg-dark), #2a1a3e); padding: 0; height: 60px; position: sticky; top: 0; z-index: 50; box-shadow: 0 2px 12px rgba(0,0,0,.15); gap: 0.5rem; }
.arg-nav-link { color: rgba(255,255,255,.8); text-decoration: none; margin: 0; font-size: .85rem; padding: .5rem 1rem; border-radius: 4px; transition: all .2s; letter-spacing: .03em; }
.arg-nav-link:hover { color: #fff; background: rgba(255,255,255,.1); }
.arg-logo { font-weight: 700; color: #fff !important; font-size: 1.1rem; letter-spacing: -.02em; }
.arg-hero { text-align: center; padding: 5rem 2rem 4rem; background: linear-gradient(160deg, var(--arg-dark) 0%, #3a1a4e 100%); color: #fff; }
.arg-title { font-size: 2.8rem; margin: 0 0 1rem; font-weight: 800; letter-spacing: -.03em; }
.arg-subtitle { font-size: 1.15rem; color: rgba(255,255,255,.7); max-width: 600px; margin: 0 auto; }
.arg-main { padding: 3rem 2rem; max-width: 900px; margin: 0 auto; }
.arg-stats { display: flex; gap: 2rem; margin-bottom: 2.5rem; background: #fff; padding: 1.5rem 2rem; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,.06); border: 1px solid rgba(0,0,0,.04); justify-content: center; }
.arg-dt { font-weight: 700; color: var(--arg-accent); font-size: 1.8rem; }
.arg-cities-nav { margin-bottom: 2.5rem; display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; }
.arg-city-link { display: inline-block; padding: .6rem 1.2rem; background: #fff; color: var(--arg-text); text-decoration: none; border-radius: 8px; border: 1px solid #e0ddd8; font-size: .9rem; font-weight: 600; transition: all .2s; }
.arg-city-link:hover { background: var(--arg-accent); color: #fff; border-color: var(--arg-accent); transform: translateY(-1px); }
.arg-features { margin-bottom: 2rem; }
.arg-h2 { font-size: 1.6rem; margin: 2.5rem 0 1rem; border-bottom: 3px solid var(--arg-accent); padding-bottom: .5rem; color: var(--arg-dark); font-weight: 700; }
.arg-content p { margin-bottom: 1.25rem; line-height: 1.8; color: #444; font-size: 1.05rem; }
.arg-cta { background: linear-gradient(135deg, #f8e8f0, #faf0f5); padding: 2.5rem; text-align: center; margin: 2rem 0; border-radius: 12px; border: 1px solid rgba(139,34,82,.1); }
.arg-btn { display: inline-block; padding: .9rem 2.5rem; background: var(--arg-accent); color: #fff; text-decoration: none; border-radius: 8px; font-weight: 700; font-size: 1rem; transition: all .2s; box-shadow: 0 4px 12px rgba(139,34,82,.25); }
.arg-btn:hover { background: #a0285f; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(139,34,82,.3); }
.arg-blog { margin-bottom: 2rem; }
.arg-h3 { font-size: 1.25rem; margin-bottom: .75rem; color: var(--arg-dark); }
.arg-h3 a { color: var(--arg-accent); text-decoration: none; }
.arg-h3 a:hover { text-decoration: underline; }
.arg-footer { display: flex; flex-direction: column; align-items: center; background: var(--arg-dark); color: rgba(255,255,255,.6); padding: 3rem 2rem; margin-top: 3rem; }
.arg-footer-links { list-style: none; padding: 0; margin: 0 0 1rem 0; display: flex; gap: 1.5rem; }
.arg-footer-link { color: rgba(255,255,255,.5); text-decoration: none; font-size: .85rem; }
.arg-footer-link:hover { color: #fff; }
.arg-copyright { font-size: .8rem; color: rgba(255,255,255,.3); }
.arg-output { font-weight: 700; color: var(--arg-accent); }
@media (max-width: 640px) { .arg-title { font-size: 1.8rem; } .arg-hero { padding: 3rem 1.5rem; } .arg-main { padding: 2rem 1rem; } .arg-stats { flex-direction: column; gap: 1rem; } .arg-nav { flex-wrap: wrap; height: auto; padding: .5rem; } }