.hassam-page{background:#050505;color:#f5f5f5;overflow-x:hidden}.hassam-page,.hero-section{width:100%;min-height:100vh}.hero-section{position:relative;padding:140px 7% 100px;display:flex;align-items:center;justify-content:center}.hero-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0);background-size:60px 60px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 82%);mask-image:radial-gradient(circle at center,black,transparent 82%);pointer-events:none}.hero-container{position:relative;z-index:2;width:100%;max-width:1450px;display:grid;grid-template-columns:1fr 1.4fr 1fr;grid-gap:40px;gap:40px;align-items:center}.hero-left,.hero-right{display:flex;justify-content:center;align-items:center}.founder-image-wrapper,.logo-wrapper{background:#0b0b0b;border:1px solid #181818;border-radius:30px;padding:22px}.founder-image{max-width:370px;filter:grayscale(100%)}.founder-image,.hero-logo{width:100%;height:auto;object-fit:contain}.hero-logo{max-width:220px}.hero-center{text-align:center}.hero-badge{display:inline-block;padding:10px 18px;border:1px solid #1d1d1d;border-radius:999px;font-size:.82rem;letter-spacing:1.5px;color:#a5a5a5;margin-bottom:28px;background:#0d0d0d}.hero-title{font-size:clamp(3.4rem,8vw,6.5rem);line-height:.95;font-weight:900;letter-spacing:-4px;margin-bottom:28px}.hero-subtitle{color:#b0b0b0;font-size:1.1rem;margin-bottom:24px}.hero-description{max-width:720px;margin:auto;color:#909090;line-height:1.9;font-size:1.08rem}.hero-actions{margin-top:45px;gap:18px;flex-wrap:wrap}.hero-actions,.primary-btn,.secondary-btn{display:flex;justify-content:center;align-items:center}.primary-btn,.secondary-btn{height:56px;padding:0 28px;border-radius:16px;border:none;font-size:.96rem;font-weight:600;text-decoration:none;transition:.35s ease}.primary-btn{background:#ffffff;color:#050505}.primary-btn:hover{transform:translateY(-4px)}.secondary-btn{background:transparent;color:#ffffff;border:1px solid #242424}.secondary-btn:hover{border-color:#ffffff}.content-section,.projects-section{width:100%;padding:120px 7%}.section-heading{max-width:760px;margin-bottom:60px}.section-heading span{display:inline-block;color:#888888;letter-spacing:2px;font-size:.82rem;margin-bottom:18px}.section-heading h2{font-size:clamp(2.5rem,6vw,5rem);line-height:1;letter-spacing:-3px;margin-bottom:20px}.about-card,.articles-card,.belief-card{background:#0b0b0b;border:1px solid #171717;border-radius:30px;padding:42px}.about-card p,.belief-card p{color:#939393;line-height:1.9;font-size:1.05rem;margin-bottom:18px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:25px;gap:25px}.skill-card{background:#0b0b0b;border:1px solid #171717;border-radius:28px;padding:35px;transition:.35s ease}.skill-card:hover{transform:translateY(-8px);border-color:#2d2d2d}.skill-header{display:flex;align-items:center;gap:15px;margin-bottom:24px}.skill-emoji{font-size:1.8rem}.skill-card h3{font-size:1.5rem;line-height:1.2}.skill-card ul{padding-left:18px;margin-bottom:22px}.skill-card li{color:#8d8d8d;line-height:1.8;margin-bottom:10px}.skill-card p{color:#7f7f7f;line-height:1.8}.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px}.social-card{background:#0b0b0b;border:1px solid #171717;border-radius:28px;padding:30px;transition:.35s ease}.social-card:hover{transform:translateY(-7px);border-color:#2b2b2b}.social-icon{width:60px;height:60px;border-radius:18px;border:1px solid #1d1d1d;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:24px}.social-card h3{font-size:1.4rem;margin-bottom:18px}.social-preview{width:100%;overflow:hidden;border-radius:18px;margin-bottom:20px}.stats-image{width:100%;height:auto;object-fit:cover}.social-link{display:inline-flex;align-items:center;gap:10px;color:#ffffff;text-decoration:none;font-weight:600;transition:.3s ease}.social-link:hover{gap:14px}.goals-wrapper{display:flex;flex-direction:column;gap:20px}.goal-item{display:flex;align-items:flex-start;gap:16px;padding:26px;border-radius:24px;background:#0b0b0b;border:1px solid #171717}.goal-dot{width:12px;height:12px;margin-top:8px;border-radius:50%;background:#ffffff}.goal-item p{color:#8f8f8f;line-height:1.8;font-size:1rem}.articles-card{display:flex;justify-content:space-between;align-items:center;gap:40px}.articles-card span{display:inline-block;color:#8b8b8b;letter-spacing:2px;font-size:.82rem;margin-bottom:18px}.articles-card h2{font-size:clamp(2rem,5vw,4rem);line-height:1;letter-spacing:-2px;margin-bottom:22px}.articles-card p{color:#8f8f8f;line-height:1.8;max-width:650px}.belief-card h2{font-size:clamp(2rem,5vw,4rem);line-height:1;letter-spacing:-2px;margin-bottom:24px}@media (max-width:1100px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-left,.hero-right{justify-content:center}.hero-logo{max-width:170px}}@media (max-width:768px){.hero-section{padding-top:110px}.articles-card h2,.belief-card h2,.hero-title,.section-heading h2{letter-spacing:-2px}.hero-actions{flex-direction:column;align-items:center}.primary-btn,.secondary-btn{width:100%;max-width:420px}.articles-card{flex-direction:column;align-items:flex-start}.founder-image{max-width:300px}.content-section,.projects-section{padding:100px 6%}}@media (max-width:520px){.hero-title{font-size:2.6rem}.hero-description{font-size:1rem}.about-card,.articles-card,.belief-card,.skill-card,.social-card{padding:26px}.section-heading h2{font-size:2.3rem}}