.search-section{padding:60px 100px;background-color:#fff}.search-title{font-size:36px;font-weight:700;margin-bottom:20px;font-family:Inter,sans-serif;color:#000}.search-bar{gap:16px;flex-wrap:wrap}.search-bar,.search-input{display:flex;align-items:center}.search-input{flex:1 1;gap:10px;border:1px solid #ddd;padding:12px 16px;border-radius:8px;background-color:#fff;color:#000}.search-input input{border:none;outline:none;flex:1 1;font-size:14px;font-family:Inter,sans-serif;background-color:transparent;color:#000}.search-buttons{display:flex;gap:12px}.purple-btn{display:flex;align-items:center;gap:8px;background-color:#8B68C6;color:#fff;padding:10px 16px;border-radius:10px;font-size:14px;border:none;cursor:pointer;font-family:Inter,sans-serif}.purple-btn img{width:16px;height:16px;filter:invert(0)}.projects-section{padding-left:80px;padding-right:40px;background-color:#fff}.projects-title{font-size:36px;font-weight:700;margin-bottom:30px;color:#8B68C6}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px 30px;gap:40px 30px}.project-card{border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.05)}.project-card-image{border-radius:8px;width:100%;height:auto;object-fit:cover}.project-info{padding:20px}.price{color:#8B68C6;font-weight:700}.project-buttons{display:flex;gap:10px;margin-top:14px}.project-buttons button{flex:1 1;min-width:120px;background-color:#EBE9F3!important;color:#8B68C6!important;font-weight:600;font-size:14px;border:none;border-radius:12px;padding:12px 0;text-align:center;cursor:pointer;transition:background-color .3s ease,color .3s ease}.project-buttons button:hover{background-color:#8B68C6!important;color:#ffffff!important}.pagination{margin-top:40px;display:flex;justify-content:center;gap:10px}.pagination button{background-color:#ECF1FA;border:none;padding:10px 14px;border-radius:6px;cursor:pointer;font-weight:600;color:#8B68C6;transition:background-color .3s ease,color .3s ease}.pagination button:hover{background-color:#dcdcec}.pagination .active{background-color:#8B68C6;color:#fff}.project-card{color:#000;background-color:#fff}.project-info h3,.project-info p{color:#000}.project-buttons button{background-color:#8B68C6;color:#fff}.articles-section{margin-left:80px;margin-top:60px;background-color:#f9f9f9;padding:40px 0}.articles-title{font-size:36px;font-weight:700;color:#000;margin-bottom:40px}.articles-list{display:flex;flex-direction:column;gap:40px}.article-card{display:flex;align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);overflow:hidden;max-width:1400px}.article-image{width:250px;height:250px;object-fit:cover;flex-shrink:0}.article-content{padding:20px 25px;display:flex;flex-direction:column;justify-content:flex-start;color:#000}.article-content h3{font-size:20px;font-weight:600;margin-bottom:10px;color:#000}.article-content p{font-size:16px;line-height:1.5;margin:0;color:#000}@media (max-width:768px){footer,header{display:none!important}.search-section{padding:16px}.search-title{text-align:center;font-size:20px;margin-bottom:12px}.search-bar{display:flex;align-items:center;gap:4px;justify-content:center}.search-input-wrapper{display:flex;height:42px;border-radius:8px;overflow:hidden;background:white;border:1px solid #ccc;max-width:200px;flex:1 1}.search-input{flex:1 1;display:flex;align-items:center;padding-left:8px}.search-input input{flex:1 1;border:none;outline:none;font-size:14px}.search-btn{width:42px;background-color:#8662c7;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.search-btn img{width:20px;height:20px}.search-buttons{display:flex;gap:4px}.icon-btn{width:42px;height:42px;background-color:#8662c7;border:none;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn img{width:20px;height:20px}.articles-section,.projects-section{padding:16px}.articles-title,.projects-title{font-size:20px;text-align:center;margin-bottom:16px}.projects-grid{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px}.project-card{border-radius:12px;overflow:hidden}.project-info{padding:16px}.project-buttons{display:flex;flex-direction:column;gap:8px}.project-buttons button{width:100%}.articles-list{gap:20px}.article-card,.articles-list{display:flex;flex-direction:column}.article-card{border-radius:12px;overflow:hidden}.article-image{width:100%;height:auto}.article-content{padding:12px}.article-content h3{font-size:16px}.article-content p{font-size:14px}}