.hassam-page{font-family:Segoe UI,sans-serif;background-color:#ffffff;color:#000000;line-height:1.6}.hassam-hero{background-color:#000000;color:#ffffff;padding:80px 20px;display:flex;flex-direction:row}.hero-text{text-align:center}.hero-grid{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;grid-gap:1rem;gap:1rem}.hero-title{font-size:48px;font-weight:700}.hero-subtitle{font-size:18px;margin-top:10px;color:#e0e0e0}.hero-desc{max-width:700px;margin:20px auto 0;font-size:16px;color:#cccccc}.ATlogo,.FNimage{border-radius:100%;width:200px;height:200px;object-fit:cover}.section{padding:60px 20px;max-width:1000px;margin:auto;background-color:#ffffff}.section h2{font-size:26px;font-weight:700;margin-bottom:20px;color:#000000;border-bottom:2px solid #000;display:inline-block;padding-bottom:4px}.section p{font-size:16px;margin-bottom:15px;color:#111111}.section ul{padding-left:20px;margin-top:10px}.section ul li{font-size:16px;margin-bottom:10px}.skills-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:12px;gap:12px;list-style:none;padding:0;margin-top:10px}.skills-list li{background-color:#f5f5f5;padding:10px 15px;border-radius:4px;text-align:center;font-weight:500;border:1px solid #dcdcdc}.contact-btn,.section-articles-blogs-button{display:inline-block;margin-top:20px;padding:12px 26px;background-color:#000000;color:#ffffff;text-decoration:none;font-weight:600;border-radius:4px;border:1px solid #000;transition:background .3s ease}.contact-btn:hover,.section-articles-blogs-button:hover{background-color:#ffffff;color:#000000;border:1px solid #000}@media (max-width:768px){.hassam-hero{flex-direction:column;padding:40px 20px}.hero-grid{grid-template-columns:1fr;text-align:center}.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.hero-desc{font-size:14px;padding:0 10px}.ATlogo,.FNimage{width:150px;height:150px;margin:10px auto}.section{padding:40px 15px}.section h2{font-size:22px}.section p,.section ul li{font-size:14px}.skills-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.contact-btn{width:100%;text-align:center;padding:10px 0}}