main { max-width: 900px; padding-top: 48px; }
h1 { font-size: clamp(36px, 6vw, 60px); }
.description { max-width: 560px; margin-bottom: 24px; }
.path { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px; font-size: 13px; color: #aaa8b3; }
.path span { padding: 10px 14px; border: 1px solid #ffffff12; border-radius: 12px; background: #ffffff04; color: #ece9f1; }
.path b { font-weight: 400; }
.instructions { max-width: 680px; margin-top: 36px; }
.instructions h3 { font-size: 16px; }
.instructions li p, .note { font-size: 14px; line-height: 1.8; }
.faq { max-width: 680px; margin: 38px auto; }
.faq h2 { font-size: 20px; }
details { border-bottom: 1px solid #ffffff12; }
summary { padding: 20px 0; cursor: pointer; font-size: 15px; font-weight: 600; line-height: 1.6; }
details p { margin: 0 0 20px; color: #aaa8b3; font-size: 14px; line-height: 1.8; }
summary:focus-visible { outline: 2px solid #ff9da8; outline-offset: 5px; }
.help { max-width: 680px; margin: 44px auto 0; padding: 28px; border-radius: 20px; background: linear-gradient(120deg, #ff527c12, #ff936208); border: 1px solid #ffffff0d; }
.help h2 { font-size: 22px; margin-bottom: 10px; }
.help p { color: #aaa8b3; line-height: 1.6; margin: 0 0 22px; }
.help > div { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; }
.help .download { font-size: 14px; padding: 14px 22px; }
.support-link { font-size: 14px; color: #f6a2b4; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 480px) { main { padding: 28px 20px 40px; } .path { gap: 6px; font-size: 12px; } .path span { padding: 9px 10px; } .help { padding: 24px 20px; } }