.how-to-use,.faq{background:#fff;padding:2rem;border-radius:10px;box-shadow:0 2px 10px rgba(0,0,0,.05);margin-bottom:2rem}
.how-to-use h2,.faq h2{color:#1e293b;margin-bottom:1.5rem;font-size:1.8rem}
.how-to-use ol{margin-left:1.5rem}
.how-to-use li{margin-bottom:1rem;color:#475569;line-height:1.8}
.how-to-use li strong{color:#1e293b}
.faq p{margin-bottom:1rem;color:#475569;line-height:1.8}
.faq p strong{color:#1e293b}

.share-buttons{display:flex;align-items:center;gap:10px}
.share-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:18px;text-decoration:none;transition:transform .2s,box-shadow .2s}
.share-btn:hover{transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.2)}
.share-btn.twitter{background:#1DA1F2}
.share-btn.facebook{background:#1877F2}
.share-btn.reddit{background:#FF4500}
.share-btn.linkedin{background:#0077B5}
.share-label{font-weight:700;margin-right:12px;font-size:15px;color:#334155}

.share-modal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);z-index:99999;justify-content:center;align-items:center}
.share-modal.active{display:flex}
.share-modal-content{background:#fff;width:95%;max-width:520px;max-height:90vh;padding:24px;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.2);position:relative;overflow-y:auto}
.share-modal-content h2{margin-bottom:1rem;font-size:20px;font-weight:700;color:#1e293b}
.share-modal-content label{display:block;margin:12px 0;font-size:14px;color:#334155}
.share-modal-content input,.share-modal-content textarea{width:100%;padding:8px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px;margin-top:4px;resize:vertical;box-sizing:border-box}
.share-preview{margin:15px 0}
.share-preview h3{font-size:16px;margin-bottom:8px;color:#475569}
.share-preview-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px;max-height:300px;overflow-y:auto}
.share-confirm{width:100%;padding:12px;background:#2563eb;color:#fff;font-size:15px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background .2s,transform .2s}.share-confirm:hover{background:#1d4ed8;transform:translateY(-1px)}.close{position:absolute;right:16px;top:14px;font-size:22px;cursor:pointer;color:#64748b;transition:color .2s}.close:hover{color:#1e293b}
@media (max-width:768px){
    .share-modal-content{width:95%;max-width:none;margin:20px;padding:20px}
}
.share-buttons{display:flex;align-items:center;gap:10px;margin:15px 0}
.share-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:18px;text-decoration:none;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s}
.share-btn:hover{transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.2)}
.share-btn.twitter{background:#1DA1F2}
.share-btn.facebook{background:#1877F2}
.share-btn.reddit{background:#FF4500}
.share-btn.linkedin{background:#0077B5}
.share-label{font-weight:700;margin-right:12px;font-size:15px;color:#334155}