.howto-section{margin:2rem 0}.howto-steps{flex-direction:column;gap:0;margin:1rem 0 0;padding:0;list-style:none;display:flex}.howto-step{align-items:flex-start;gap:1rem;padding-bottom:1.5rem;display:flex;position:relative}.howto-step:last-child{padding-bottom:0}.howto-step:not(:last-child):after{content:"";background:linear-gradient(#667eea59,#667eea14);width:2px;position:absolute;top:2rem;bottom:0;left:.875rem}.howto-step-number{color:#fff;z-index:1;background:#667eea;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:.8rem;font-weight:700;display:flex;position:relative;box-shadow:0 0 0 3px #667eea26}.howto-step-content{flex:1;padding-top:.15rem}.howto-step-name{color:#333;margin-bottom:.25rem;font-size:.975rem;font-weight:600;display:block}.howto-step-text{color:#555;margin:0;font-size:.9rem;line-height:1.6}body.dark-mode .howto-step-number,body:not(.light-mode) .howto-step-number{background:#9ca3ff;box-shadow:0 0 0 3px #9ca3ff26}body.dark-mode .howto-step-name,body:not(.light-mode) .howto-step-name{color:#e0e0e0}body.dark-mode .howto-step-text,body:not(.light-mode) .howto-step-text{color:#b0b0b0}body.dark-mode .howto-step:after,body:not(.light-mode) .howto-step:after{background:linear-gradient(#9ca3ff4d,#9ca3ff0d)}.faq-section{margin:2rem 0}.faq-list{flex-direction:column;gap:.5rem;margin:0;padding:0;display:flex}.faq-item{background:#667eea08;border:1px solid #667eea33;border-radius:10px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq-item:has(details[open]){border-color:#667eea73;box-shadow:0 2px 12px #667eea1a}.faq-item details{padding:0}.faq-item details>summary{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;list-style:none;transition:background .15s;display:flex}.faq-item details>summary::-webkit-details-marker{display:none}.faq-item details>summary:hover{background:#667eea12}.faq-item details[open]>summary{background:#667eea0f;border-radius:10px 10px 0 0}.faq-item details>summary:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:1.25rem;height:1.25rem;transition:transform .25s}.faq-item details[open]>summary:after{transform:rotate(180deg)}.faq-item details>summary:focus-visible{outline-offset:-2px;border-radius:10px;outline:2px solid #667eea}.faq-item details>summary dt{color:#333;font-size:.975rem;font-weight:600;line-height:1.4}.faq-item details>summary:hover dt{color:#667eea}.faq-item details>dd{color:#555;border-top:1px solid #667eea26;margin:0;padding:.9rem 1.1rem 1.1rem;font-size:.95rem;line-height:1.65}body.dark-mode .faq-item,body:not(.light-mode) .faq-item{background:#ffffff08;border-color:#9ca3ff33}:is(body.dark-mode .faq-item:has(details[open]),body:not(.light-mode) .faq-item:has(details[open])){border-color:#9ca3ff73;box-shadow:0 2px 12px #667eea26}body.dark-mode .faq-item details>summary:hover,body:not(.light-mode) .faq-item details>summary:hover{background:#ffffff0d}body.dark-mode .faq-item details[open]>summary,body:not(.light-mode) .faq-item details[open]>summary{background:#ffffff0a}body.dark-mode .faq-item details>summary:after,body:not(.light-mode) .faq-item details>summary:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3ff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}body.dark-mode .faq-item details>summary dt,body:not(.light-mode) .faq-item details>summary dt{color:#e0e0e0}body.dark-mode .faq-item details>summary:hover dt,body:not(.light-mode) .faq-item details>summary:hover dt{color:#9ca3ff}body.dark-mode .faq-item details>dd,body:not(.light-mode) .faq-item details>dd{color:#b0b0b0;border-top-color:#9ca3ff26}