.about-page{position:relative;background:#000;color:#fff;font-family:Geist,Arial,sans-serif;overflow-x:clip;padding-top:80px}.about-section{width:100%;min-height:100svh;position:relative;display:flex;align-items:center;justify-content:center}.section-content{width:100%;max-width:1200px;margin:0 auto;padding:clamp(3rem,6vh,6rem) clamp(1.2rem,4vw,4rem);position:relative;z-index:2}.section-heading{font-size:clamp(2.2rem,5vw,4rem);font-weight:800;letter-spacing:.08em;color:#fff;text-transform:uppercase;margin:0 0 1rem;line-height:1.1}.section-heading-line{width:clamp(80px,12vw,140px);height:3px;background:linear-gradient(90deg,#fff,rgba(255,255,255,0));margin-bottom:2rem;border-radius:2px}.introduction-section{margin-top:-80px;padding-top:80px;background:url(/assets/icons/rashid_photo.png) no-repeat;background-size:110vw;background-position-x:10vw;background-position-y:-65vw}.introduction-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,0) 5%,rgba(0,0,0,1) 10%,rgba(0,0,0,.9) 20%,rgba(0,0,0,.6) 60%,rgba(0,0,0,.3) 90%,transparent);z-index:1}.intro-text-content{max-width:clamp(300px,50vw,600px);position:relative;z-index:2}.intro-paragraphs p{font-size:clamp(.95rem,1.2vw,1.1rem);line-height:1.75;margin-bottom:1.4rem;color:rgba(255,255,255,.88)}.intro-paragraphs strong{color:#fff;font-weight:700}.education-section{background:url(/assets/icons/adu_facade.jpg) 50%/cover no-repeat}.education-section:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1}.education-content{flex-direction:column;gap:clamp(.8rem,2vh,1.4rem);text-align:center;position:relative;z-index:2;width:min(92vw,1020px);margin:0 auto}.education-content,.university-info-row{display:flex;align-items:center;justify-content:center}.university-info-row{flex-direction:row;gap:clamp(1rem,2.8vw,2.2rem);width:100%}.university-logo{width:clamp(72px,9.8vw,150px);height:clamp(72px,9.8vw,150px);object-fit:contain;flex-shrink:0;filter:brightness(1.1) contrast(1.1)}.university-text-group{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}.playfair-display{font-family:var(--font-playfair-display),"Playfair Display",serif!important;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.18)}.adamson-text{font-size:clamp(2.1rem,7.2vw,5.2rem);font-weight:50;letter-spacing:clamp(.08em,.16vw,.13em);line-height:.98}.university-text{font-size:clamp(1.18rem,4.25vw,3.05rem);font-weight:50;letter-spacing:clamp(.36em,.95vw,.72em);line-height:1;margin-top:.08em;white-space:nowrap}.degree-badge.glass-pill{display:flex;align-items:center;justify-content:center;background:rgba(24,24,24,.55);border-radius:2rem;padding:clamp(.6rem,1.5vh,.9rem) clamp(1rem,3vw,2.5rem);font-size:clamp(.82rem,2.1vw,1.2rem);font-style:italic;color:#fff;font-weight:500;box-shadow:0 2px 12px rgba(0,0,0,.18),0 0 0 1.5px rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px) saturate(1.1);backdrop-filter:blur(8px) saturate(1.1);border:1.5px solid rgba(255,255,255,.13);letter-spacing:.04em;text-align:center;width:min(92vw,800px)}.year-range{font-weight:700;font-size:clamp(1.4rem,4.2vw,2.6rem);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.18)}.skills-section{background:url(/assets/icons/technincal_skills_bg.jpg) 50%/cover no-repeat,linear-gradient(135deg,#1a1a1a,#0a0a0a);padding:clamp(3rem,6vh,6rem) 0}.skills-section:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.72);z-index:1}.skills-header{text-align:center;margin-bottom:clamp(2rem,4vh,3.5rem);position:relative;z-index:2}.skills-header .section-heading{text-transform:uppercase}.skills-header .section-heading-line{margin:.8rem auto 1.2rem}.skills-description{font-size:clamp(.95rem,1.1vw,1.1rem);color:rgba(255,255,255,.72);max-width:680px;margin:0 auto;line-height:1.65}.skill-group{position:relative;z-index:2;margin-bottom:clamp(1.8rem,3.5vh,3rem)}.skill-group-label{font-size:.75rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.35);margin:0 0 1rem;padding-left:.1rem}.skills-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:1.2rem;gap:1.2rem;max-width:860px;margin:0 auto}.skill-item{position:relative;display:flex;flex-direction:column;align-items:center;border-radius:1rem;padding:1.4rem .8rem;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 16px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.08);transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;cursor:default}.skill-item:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(0,0,0,.38);border-color:rgba(255,255,255,.28)}.skill-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.skill-icon img{width:52px;height:52px;object-fit:contain}.skill-item span{font-size:.82rem;font-weight:600;color:rgba(255,255,255,.88);text-align:center;line-height:1.2}.certifications-section{background:linear-gradient(160deg,#080808,#111116);padding:clamp(3rem,6vh,6rem) 0;overflow:hidden}.certifications-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.04) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.03) 0,transparent 50%);z-index:1}.certifications-content{position:relative;z-index:2;text-align:center}.certifications-heading{background:linear-gradient(135deg,#fff,rgba(255,255,255,.75));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.6rem}.certifications-subtitle{font-size:clamp(.92rem,1.1vw,1.05rem);color:rgba(255,255,255,.52);margin:0 auto clamp(2rem,4vh,3.5rem);max-width:520px;line-height:1.6}.certifications-description{font-size:1rem;color:rgba(255,255,255,.55);margin:2rem auto}.certifications-list{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:1.2rem}.about-bottom-nav{position:fixed;bottom:1.4rem;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:row;align-items:center;background:rgba(10,10,12,.55);border-radius:999px;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 8px 32px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.1);padding:.3rem;white-space:nowrap}.about-bottom-nav .nav-link{position:relative;display:flex;align-items:center;justify-content:center;padding:.55rem 1.2rem;border-radius:999px;border:none;background:transparent;color:rgba(255,255,255,.5);font-weight:600;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:color .2s ease;font-family:var(--font-orbitron),"Orbitron",monospace}.about-bottom-nav .nav-link:hover{color:rgba(255,255,255,.85)}.about-bottom-nav .nav-link[aria-current=true]{color:#fff}.about-bottom-nav .nav-link-text{position:relative;z-index:1}.about-bottom-nav .nav-active-pill{position:absolute;inset:0;border-radius:999px;background:rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 2px 8px rgba(0,0,0,.3);z-index:0}@media (max-width:768px){.about-bottom-nav{display:none}}@media (max-width:1024px){.skills-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.introduction-section:before{background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.75) 60%,rgba(0,0,0,.45))}.intro-text-content{max-width:100%}.skills-grid{grid-template-columns:repeat(3,1fr);gap:1rem}.university-logo{width:clamp(62px,11vw,90px);height:clamp(62px,11vw,90px)}.adamson-text{font-size:clamp(1.8rem,7.8vw,3.9rem)}.university-text{font-size:clamp(1.02rem,4.4vw,2.2rem);letter-spacing:clamp(.28em,.9vw,.56em)}}@media (max-width:520px){.skills-grid{grid-template-columns:repeat(2,1fr);gap:.85rem}.skill-item{padding:1.1rem .6rem}.skill-icon{width:44px;height:44px}.skill-icon img{width:40px;height:40px}.university-logo{width:clamp(56px,12vw,80px);height:clamp(56px,12vw,80px)}.adamson-text{font-size:clamp(1.35rem,8vw,2.6rem)}.university-text{font-size:clamp(.86rem,4.4vw,1.48rem);letter-spacing:clamp(.2em,.8vw,.4em)}.degree-badge.glass-pill{font-size:clamp(.72rem,3.2vw,.92rem)}.year-range{font-size:clamp(1.2rem,7vw,1.9rem)}}.certification-card{position:relative;max-width:900px;width:100%;margin:1.5rem auto;border-radius:1.2rem;overflow:hidden;background:rgba(20,20,22,.72);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 24px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.05);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:row;align-items:stretch}.certification-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.14)}.cert-image-frame{flex:0 0 340px;width:340px;aspect-ratio:4/3;overflow:hidden;background:#f5f5f5;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset -1px 0 0 rgba(255,255,255,.08)}.cert-image{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:transform .35s ease}.certification-card:hover .cert-image{transform:scale(1.04)}.cert-info{flex:1 1;padding:1.8rem 2rem;display:flex;flex-direction:column;justify-content:center;gap:.8rem;min-width:0;border-left:1px solid rgba(255,255,255,.08)}.cert-title{font-size:1.4rem;font-weight:700;color:#fff;margin:0;letter-spacing:.01em;line-height:1.25;text-align:left}.cert-meta{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.cert-issuer{font-weight:600;color:#fff;background:rgba(255,255,255,.12);border-radius:999px;border:1px solid rgba(255,255,255,.22)}.cert-date,.cert-issuer{font-size:.82rem;padding:.28rem .75rem;letter-spacing:.02em}.cert-date{color:rgba(255,255,255,.75);background:rgba(255,255,255,.05);border-radius:999px;border:1px solid rgba(255,255,255,.1)}.cert-description{color:rgba(255,255,255,.75);font-size:.95rem;margin:0;line-height:1.65;text-align:left}.cert-info .cert-link{margin-top:auto}.cert-link{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;color:#fff;background:rgba(255,255,255,.08);padding:.65rem 1.4rem;border-radius:999px;font-weight:600;font-size:.88rem;text-decoration:none;transition:background .25s ease,transform .25s ease,box-shadow .25s ease;border:1px solid rgba(255,255,255,.18);width:-moz-fit-content;width:fit-content;letter-spacing:.02em;box-shadow:0 2px 8px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.12)}.cert-link:after{content:"↗";font-size:.8rem;opacity:.7}.cert-link:hover{background:rgba(255,255,255,.15);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}@media (max-width:768px){.certification-card{flex-direction:column;margin:.8rem 0;border-radius:1rem}.cert-image-frame{flex:none;width:100%;aspect-ratio:4/3;box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)}.cert-info{padding:1.2rem 1.2rem 1.4rem;gap:.65rem;border-left:none;border-top:1px solid rgba(255,255,255,.08);justify-content:flex-start}.cert-title{font-size:1.1rem}.cert-date,.cert-issuer{font-size:.78rem;padding:.25rem .65rem}.cert-description{font-size:.9rem;line-height:1.55}.cert-link{width:100%;justify-content:center;padding:.7rem 1rem;font-size:.86rem;margin-top:.3rem}}