:root{--primary-color:#00caff;--secondary-color:#1f1f1f;--accent-color:#00d4ff;--text-color:#ffffff;--text-secondary:#c0c0c0;--border-radius:12px;--transition:0.3s ease;--section-gap:80px}body{font-family:Poppins,sans-serif;background-color:#0a0a0a;color:var(--text-color);margin:0;padding:0;scroll-behavior:smooth}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent-color)}.hassam-hero{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:0 5vw;background:linear-gradient(135deg,#0a0a0a,#111111)}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:40px;gap:40px;align-items:center;text-align:center}.hero-text h1{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:10px}.hero-text p{color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.hero-buttons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.btn{padding:12px 28px;border-radius:var(--border-radius);font-weight:500;border:none;cursor:pointer;transition:var(--transition)}.btn-primary{background:linear-gradient(90deg,#00d0ff,#00a6ff);color:#000}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,212,255,.4)}.btn-secondary{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-secondary:hover{background-color:var(--primary-color);color:#000;transform:translateY(-3px)}.section{padding:var(--section-gap) 5vw;max-width:1200px;margin:auto}.section h2{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:30px;text-align:center;color:var(--primary-color)}.section p{text-align:center;color:var(--text-secondary);line-height:1.8}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:25px;gap:25px}.skill-card{background-color:var(--secondary-color);border-radius:var(--border-radius);padding:25px;transition:var(--transition)}.skill-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00d0ff}.skill-card h3{margin-bottom:12px;color:var(--accent-color)}.skill-card ul{padding-left:20px;margin-bottom:12px}.skill-card li{margin-bottom:8px}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:25px;gap:25px;justify-items:center}.link-card{background-color:var(--secondary-color);padding:20px;border-radius:var(--border-radius);text-align:center;transition:var(--transition)}.link-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,212,255,.3)}.link-icon{align-items:center;text-align:center;margin:auto}.link-card h3{margin-top:10px;margin-bottom:10px;color:var(--primary-color)}.link-card img{border-radius:var(--border-radius);margin:10px 0}.goals-list{display:flex;flex-direction:column;gap:15px;color:var(--text-secondary)}.goals-list li{position:relative;padding-left:25px}.goals-list li:before{content:"✔";position:absolute;left:0;color:var(--primary-color)}.articles-blogs button{display:flex;flex-direction:column;align-items:center;margin:auto}.belief p{max-width:800px;margin:10px auto}.contact{text-align:center}.contact-btn{display:inline-block;margin-top:30px;padding:14px 28px;background:linear-gradient(90deg,#00ffb8,#00d4ff);color:#000;border-radius:var(--border-radius);font-weight:500;transition:var(--transition)}.contact-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,255,184,.4)}.ATlogo,.FNimage{border-radius:50%;object-fit:cover;transition:transform .3s ease}.ATlogo:hover,.FNimage:hover{transform:scale(1.05)}@media (max-width:768px){.hero-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.hero-text h1{font-size:clamp(1rem,4vw,1rem);font-weight:700;margin-bottom:10px;gap:10px}.hero-desc,.hero-subtitle{font-size:small}.hero-buttons{flex-direction:column;padding:5px}}