.guides-section{max-width:1280px;margin:0 auto;padding:60px 24px;direction:rtl;background:#f7f8fa;color:#1e2a44}.guides-header{text-align:center;margin-bottom:48px}.guides-header h1{font-size:2.8rem;font-weight:700;color:#0f2b5b;margin-bottom:16px;line-height:1.3}.guides-header p{font-size:1.15rem;color:#4b5e7a;max-width:720px;margin:0 auto 32px;line-height:1.6}.search-filter{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}.input-wrapper{position:relative;width:100%;max-width:360px}.search-filter input{width:100%;padding:14px 48px 14px 16px;font-size:1rem;border:1px solid #d1d9e6;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgb(0 0 0 / .05);transition:border-color 0.3s,box-shadow 0.3s}.search-filter input:focus{outline:none;border-color:#0f2b5b;box-shadow:0 4px 12px rgb(15 43 91 / .15)}.input-icon{position:absolute;top:50%;right:16px;transform:translateY(-50%);color:#6b7280;font-size:1.2rem}.search-filter select{padding:14px 16px;font-size:1rem;border:1px solid #d1d9e6;border-radius:12px;background:#fff;box-shadow:0 2px 8px rgb(0 0 0 / .05);width:100%;max-width:240px;transition:border-color 0.3s,box-shadow 0.3s;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left 16px center;background-size:18px;padding-left:40px}.search-filter select:focus{outline:none;border-color:#0f2b5b;box-shadow:0 4px 12px rgb(15 43 91 / .15)}.guides-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.guide-card{background:rgb(255 255 255 / .95);backdrop-filter:blur(8px);border-radius:16px;border:1px solid rgb(255 255 255 / .2);padding:24px;transition:transform 0.3s ease,box-shadow 0.3s ease;position:relative;overflow:hidden}.guide-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px rgb(15 43 91 / .15)}.guide-card h2{font-size:1.75rem;font-weight:600;color:#0f2b5b;margin-bottom:12px}.toggle-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;font-size:1rem;font-weight:500;color:#fff;background:linear-gradient(90deg,#0f2b5b,#1e4a8c);border:none;border-radius:10px;cursor:pointer;transition:background 0.3s ease,transform 0.2s ease;position:relative;overflow:hidden}.toggle-btn:hover{background:linear-gradient(90deg,#1e4a8c,#2b68bd);transform:translateY(-2px)}.toggle-btn::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgb(255 255 255 / .2);border-radius:50%;transform:translate(-50%,-50%);transition:width 0.4s ease,height 0.4s ease}.toggle-btn:active::after{width:200px;height:200px}.toggle-icon{font-size:.9rem;transition:transform 0.3s ease}.toggle-btn[aria-expanded="true"] .toggle-icon{transform:rotate(180deg)}.guide-content{max-height:0;overflow:hidden;margin-top:16px;font-size:1rem;color:#1e2a44;line-height:1.7;transition:max-height 0.4s ease,opacity 0.4s ease;opacity:0}.guide-content.active{max-height:1000px;opacity:1}.guide-content p,.guide-content ol{margin-bottom:16px}.guide-content ol{padding-right:24px}.guide-content strong{color:#0f2b5b;font-weight:600}@media (max-width:768px){.guides-header h1{font-size:2.2rem}.guides-header p{font-size:1rem}.search-filter{flex-direction:column;align-items:stretch}.input-wrapper,.search-filter select{max-width:100%}.guides-grid{grid-template-columns:1fr}.guide-card h2{font-size:1.5rem}}@media (max-width:480px){.guides-section{padding:40px 16px}.guides-header h1{font-size:1.8rem}}[data-theme="dark"] .guides-section{background:var(--background-color);color:var(--text-color)}[data-theme="dark"] .guides-header h1{color:var(--text-color)}[data-theme="dark"] .guides-header p{color:var(--text-muted)}[data-theme="dark"] .search-filter input{background:#2a2e32;color:var(--text-color);border:1px solid var(--border-color);box-shadow:var(--shadow)}[data-theme="dark"] .search-filter input:focus{border-color:var(--link-color);box-shadow:0 4px 12px rgb(59 130 246 / .2)}[data-theme="dark"] .input-icon{color:var(--text-muted)}[data-theme="dark"] .search-filter select{background:#2a2e32;color:var(--text-color);border:1px solid var(--border-color);box-shadow:var(--shadow);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat}[data-theme="dark"] .search-filter select:focus{border-color:var(--link-color);box-shadow:0 4px 12px rgb(59 130 246 / .2)}[data-theme="dark"] .guide-card{background:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow)}[data-theme="dark"] .guide-card:hover{box-shadow:0 8px 24px rgb(59 130 246 / .2)}[data-theme="dark"] .guide-card h2{color:var(--text-color)}[data-theme="dark"] .toggle-btn{background:var(--button-bg);color:var(--button-text)}[data-theme="dark"] .toggle-btn:hover{background:#2563eb}[data-theme="dark"] .toggle-btn::after{background:rgb(255 255 255 / .1)}[data-theme="dark"] .guide-content{color:var(--text-muted)}[data-theme="dark"] .guide-content strong{color:var(--text-color)}