.guides{background:#f6f8fb;min-height:90vh;padding:30px}.guides__header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px;display:flex}.guides__header .guides__title h2{color:#1f2937;margin:0;font-size:26px;font-weight:600}.guides__header .guides__title p{color:#6b7280;margin-top:4px;font-size:14px}.guides__header .guides__search input{border:1px solid #e5e7eb;border-radius:8px;outline:none;width:260px;padding:12px 16px;transition:all .2s}.guides__header .guides__search input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.1)}.guides__categories{flex-wrap:wrap;gap:10px;margin-bottom:25px;display:flex}.guides__categories button{cursor:pointer;background:#fff;border:none;border-radius:20px;padding:8px 18px;transition:all .2s;box-shadow:0 2px 6px rgba(0,0,0,.05)}.guides__categories button:hover{background:#eef2ff}.guides__categories button.active{color:#fff;background:#4f46e5}.guides__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}@media (max-width:1024px){.guides{padding:24px}.guides__header{flex-direction:column;align-items:flex-start}.guides__header .guides__search,.guides__header .guides__search input{width:100%}}@media (max-width:768px){.guides{padding:18px}.guides__title h2{font-size:22px}.guides__grid{grid-template-columns:1fr}}@media (max-width:480px){.guides{padding:14px}.guides__categories{gap:8px}.guides__categories button{padding:6px 14px;font-size:13px}}.guide-card{cursor:pointer;background:#fff;border-radius:14px;padding:25px;transition:all .25s;box-shadow:0 6px 18px rgba(0,0,0,.06)}.guide-card:hover{transform:translateY(-5px)}.guide-card__icon{margin-bottom:12px;font-size:30px}.guide-card h3{margin:0;font-size:18px}.guide-card p{color:#6b7280;margin:10px 0 18px;font-size:14px}.guide-card button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:10px 16px}.guide-card button:hover{background:#4338ca}@media (max-width:480px){.guide-card{padding:18px}}.guide-modal{background:rgba(0,0,0,.45);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.guide-modal__content{background:#fff;border-radius:16px;width:420px;max-width:100%;max-height:90vh;padding:30px;overflow-y:auto}.guide-modal__content h3{margin-top:0}.guide-modal__content ul{margin:20px 0;padding-left:20px}.guide-modal__content ul li{margin-bottom:8px}.guide-modal__content button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;padding:10px 18px}@media (max-width:480px){.guide-modal__content{padding:20px}}