body background: linear-gradient(145deg, #e9f0fc 0%, #d9e3f0 100%); font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', sans-serif; line-height: 1.5; color: #1a2a3f; padding: 2rem 1.5rem;
@media (max-width: 800px) .content-grid grid-template-columns: 1fr; gap: 2rem; padding: 1.8rem; .hero p max-width: 100%; .hero h1 font-size: 2rem; .download-spotlight flex-direction: column; align-items: flex-start;
.msg-bubble background: #e9f0fe; border-radius: 20px; padding: 6px 14px; font-size: 0.8rem; max-width: 180px; mail ru agent indir 5.10
.file-meta display: flex; gap: 1rem; color: #4a627a; font-size: 0.85rem;
.req-list li padding: 0.5rem 0; border-bottom: 1px dashed #cbdde9; display: flex; gap: 10px; font-size: 0.9rem; body background: linear-gradient(145deg
.download-btn background: #1f8a4c; border: none; padding: 0.9rem 2.2rem; border-radius: 48px; font-weight: 700; font-size: 1.2rem; color: white; cursor: pointer; transition: 0.2s; box-shadow: 0 5px 12px rgba(31, 138, 76, 0.3); display: inline-flex; align-items: center; gap: 10px; border: none;
/* download spotlight */ .download-spotlight background: #f8fafd; border-bottom: 1px solid #e2edf7; padding: 1.8rem 2.5rem; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1.5rem; font-family: 'Segoe UI'
.features-list h3 font-size: 1.6rem; margin-bottom: 1.2rem; font-weight: 600; background: linear-gradient(135deg, #1f4e6e, #2c6288); background-clip: text; -webkit-background-clip: text; color: transparent;
/* screenshot simulation */ .screenshot-mock margin-top: 1rem; background: #ffffff; border-radius: 1.2rem; overflow: hidden; box-shadow: 0 8px 20px rgba(0,0,0,0.05); border: 1px solid #e9edf2;
.download-btn:hover background: #0f6e3e; transform: translateY(-2px); box-shadow: 0 12px 20px -8px rgba(31, 138, 76, 0.5);
.compat-note background: #ffffffcc; border-radius: 1rem; padding: 0.8rem; font-size: 0.8rem; margin-top: 1rem; text-align: center;