@import"https://fonts.googleapis.com/css2?family=Sora:wght@100..800&display=swap";@font-face{font-family:Clash Display Variable;src:url(https://db.onlinewebfonts.com/t/2fcd723a1a012506da3928146b19364d.eot);src:url(https://db.onlinewebfonts.com/t/2fcd723a1a012506da3928146b19364d.eot?#iefix)format("embedded-opentype"),url(https://db.onlinewebfonts.com/t/2fcd723a1a012506da3928146b19364d.woff2)format("woff2"),url(https://db.onlinewebfonts.com/t/2fcd723a1a012506da3928146b19364d.woff)format("woff"),url(https://db.onlinewebfonts.com/t/2fcd723a1a012506da3928146b19364d.ttf)format("truetype"),url("https://db.onlinewebfonts.com/t/2fcd723a1a012506da3928146b19364d.svg#Clash Display Variable")format("svg")}:root{--Medkhair-color-primary: #0A192F;--Medkhair-color-secondary: #64FFDA;--Medkhair-color-tercairy: #0B1E34;--Medkhair-color-quaternary: #fff}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;font-family:Sora,sans-serif;background-color:var(--Medkhair-color-primary);color:#fff;line-height:1.1}.inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-around;align-items:center}.inner>*{flex:1}h1,h2,h3,h4,h5,h6{font-family:Clash Display Variable,sans-serif;font-weight:600}p{font-weight:300;color:#e2e8f0}a{color:inherit;text-decoration:none}.button{color:var(--Medkhair-color-primary);border:none;padding:10px 20px;font-size:18px;cursor:pointer;border-radius:10px;transition:background-color .4s ease;font-weight:600}.button.primary{background-color:var(--Medkhair-color-secondary);color:var(--Medkhair-color-primary);border:2px solid var(--Medkhair-color-secondary)}.button.secondary{background-color:transparent;color:var(--Medkhair-color-secondary);border:2px solid var(--Medkhair-color-secondary)}.button.primary:hover{background-color:var(--Medkhair-color-primary);color:var(--Medkhair-color-secondary);border:2px solid var(--Medkhair-color-secondary)}.button.secondary:hover{background-color:var(--Medkhair-color-secondary);color:var(--Medkhair-color-primary);border:2px solid var(--Medkhair-color-secondary)}.section-title{font-size:36px;text-align:center;margin-bottom:0}.section-header hr{width:100px;border:2px solid var(--Medkhair-color-secondary);margin:10px auto}.section-header p{font-size:18px;text-align:center}@media(max-width:768px){.inner{flex-direction:column;text-align:center}.inner>*{margin-bottom:20px}.section-title{font-size:28px}}.hero h1{font-size:60px;margin:0;color:var(--Medkhair-color-secondary);filter:drop-shadow(0px 4px 25px rgba(100,255,218,.5));animation:shadowPulse 4s infinite;font-weight:600;line-height:1em}@keyframes shadowPulse{0%{filter:drop-shadow(0px 4px 25px rgba(100,255,218,.5))}50%{filter:drop-shadow(0px 6px 35px rgba(100,255,218,.8))}to{filter:drop-shadow(0px 4px 25px rgba(100,255,218,.5))}}.hero h3{font-size:24px;margin-top:10px;font-family:Sora,sans-serif;font-weight:600}.hero img{width:100%;height:auto;max-width:450px;margin:auto}.hero>div:nth-child(2){display:flex;justify-content:center;align-items:center}.hero p{margin-top:20px;font-size:18px;font-weight:300;line-height:1.3em}.hero .buttons{margin-top:30px;display:flex;gap:10px}.hero .social-icons{margin-top:10px}.hero>div:nth-child(2){position:relative;z-index:2}.hero>div:nth-child(2)>div{position:relative;z-index:2}.hero>div:nth-child(2) img{position:relative;z-index:3}.hero>div:nth-child(2):before{content:"";position:absolute;left:50%;top:50%;width:80%;aspect-ratio:1 / 1;transform:translate(-50%,-50%);border:3px solid var(--Medkhair-color-secondary);border-radius:50%;animation:ripple 6s infinite ease-out;opacity:.8}.hero>div:nth-child(2):after{content:"";position:absolute;left:50%;top:50%;width:80%;aspect-ratio:1 / 1;transform:translate(-50%,-50%);border:3px solid var(--Medkhair-color-secondary);border-radius:50%;animation:ripple 4s infinite ease-out;opacity:.8}.hero>div:nth-child(2)>div:before{content:"";position:absolute;left:50%;top:50%;width:80%;aspect-ratio:1 / 1;transform:translate(-50%,-50%);border:3px solid var(--Medkhair-color-secondary);border-radius:50%;animation:ripple 4s infinite ease-out;opacity:.8}.hero>div:nth-child(2)>div:after{content:"";position:absolute;left:50%;top:50%;width:80%;aspect-ratio:1 / 1;transform:translate(-50%,-50%);border:3px solid var(--Medkhair-color-secondary);border-radius:50%;animation:ripple 3s infinite ease-out;opacity:.8}@keyframes ripple{0%{width:80%;opacity:.8}70%{width:90%;opacity:.1}to{width:100%;opacity:0}}.annimated-particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.particle{position:absolute;opacity:.6;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.particle img{width:70px;height:auto;filter:drop-shadow(0 0 10px rgba(100,255,218,.3))}.particle-1{top:10%;left:15%;animation:float1 20s infinite}.particle-2{top:70%;left:20%;animation:float2 18s infinite}.particle-3{top:25%;left:45%;animation:float3 22s infinite}.particle-4{top:80%;left:50%;animation:float4 19s infinite}.particle-5{top:15%;right:15%;animation:float5 21s infinite}.particle-6{top:50%;right:10%;animation:float6 17s infinite}.particle-7{top:85%;left:80%;animation:float7 23s infinite}.particle-8{top:40%;left:0;animation:float8 20s infinite}.particle-9{top:60%;right:25%;animation:float9 24s infinite}@keyframes float1{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-40px) rotate(90deg)}50%{transform:translate(60px,20px) rotate(180deg)}75%{transform:translate(30px,60px) rotate(270deg)}}@keyframes float2{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-40px,30px) rotate(120deg)}66%{transform:translate(20px,-50px) rotate(240deg)}}@keyframes float3{0%,to{transform:translate(0) rotate(0)}30%{transform:translate(-50px,-30px) rotate(108deg)}60%{transform:translate(40px,40px) rotate(216deg)}}@keyframes float4{0%,to{transform:translate(0) rotate(0)}40%{transform:translate(35px,-45px) rotate(144deg)}80%{transform:translate(-35px,35px) rotate(288deg)}}@keyframes float5{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-60px,50px) rotate(180deg)}}@keyframes float6{0%,to{transform:translate(0) rotate(0)}35%{transform:translate(45px,35px) rotate(126deg)}70%{transform:translate(-45px,-45px) rotate(252deg)}}@keyframes float7{0%,to{transform:translate(0) rotate(0)}45%{transform:translate(-30px,-60px) rotate(162deg)}90%{transform:translate(50px,30px) rotate(324deg)}}@keyframes float8{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(40px,-40px) rotate(180deg)}}@keyframes float9{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-55px,45px) rotate(120deg)}66%{transform:translate(30px,-30px) rotate(240deg)}}@media(max-width:768px){.particle img{width:25px;height:25px}.annimated-particles{display:none}}@media(max-width:1400px){#hero{height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}}@media(min-width:1400px){#hero{padding:20px 50px 40px}}@media(max-width:768px){#hero{height:auto;padding:30px 0}.hero{flex-direction:column-reverse;gap:40px}.hero h1{font-size:40px}.hero h3{font-size:20px;margin:10px auto}.hero p{font-size:18px;margin:10px auto 0}.hero .buttons{margin-top:10px;flex-direction:column;align-items:center}.hero .social-icons{flex-direction:row;justify-content:center}.hero>*{margin-bottom:0}.hero>div:nth-child(2):before,.hero>div:nth-child(2):after,.hero>div:nth-child(2)>div:before,.hero>div:nth-child(2)>div:after{width:unset;height:80%;top:unset;bottom:0;transform:translate(-50%)}.hero>div:nth-child(2):before{animation:ripple2 5s infinite ease-out}.hero>div:nth-child(2):after{animation:ripple2 4s infinite ease-out}.hero>div:nth-child(2)>div:before{animation:ripple2 3s infinite ease-out}.hero>div:nth-child(2)>div:after{animation:ripple2 2s infinite ease-out}@keyframes ripple2{0%{height:80%;opacity:.8}70%{height:90%;opacity:.1}to{height:100%;opacity:0}}}#about{padding:0;background-image:linear-gradient(180deg,var(--Medkhair-color-primary) 0%,#000 100%)}.about{margin-top:-60px}.about img{width:100%;max-width:500px;height:auto;position:relative;z-index:2}.about>div:nth-child(1){position:relative}.about>div:nth-child(1):before{content:"";position:absolute;left:50%;bottom:3%;width:55%;aspect-ratio:1 / 1;transform:translate(-75%);background:var(--Medkhair-color-secondary);border-radius:50%;animation:backgroundPulse 6s infinite}@keyframes backgroundPulse{0%{opacity:.6}50%{opacity:.9}to{opacity:.6}}.about p{font-size:18px;margin-top:100px}.about>div:nth-child(1){margin-top:20px}.about-stats{display:flex;justify-content:space-between;margin-top:40px;background:#ffffff0d;padding:20px 15px;border-radius:10px;width:fit-content;gap:40px}.about-stats>div{display:flex;flex-direction:column;gap:10px}.about-stats strong{font-size:20px;color:var(--Medkhair-color-secondary)}.about-stats>div:nth-child(2){padding:0 20px;border-left:2px solid rgba(255,255,255,.1);border-right:2px solid rgba(255,255,255,.1)}@media(max-width:768px){#about{padding:0 20px}.about{flex-direction:column}.about img{margin:auto}.about p{margin-top:20px;font-size:18px;margin-bottom:20px}.about-stats{flex-direction:column;align-items:center;gap:20px;margin:30px auto auto;width:80%}.about-stats>div:nth-child(2){padding:20px 0;border-left:none;border-right:none;border-top:2px solid rgba(255,255,255,.1);border-bottom:2px solid rgba(255,255,255,.1)}.about-stats>div{width:60%}.about>div:nth-child(1):before{left:50%;bottom:2%;width:60%;aspect-ratio:1 / 1;transform:translate(-60%)}}#services{padding:40px 0 20px;background-image:linear-gradient(180deg,#000 0%,var(--Medkhair-color-primary) 100%)}#services p{color:#707070}.services-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.service-item{background:#ffffff08;border:1px solid rgba(100,255,218,.1);border-radius:15px;padding:40px 30px;transition:all .4s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center}.service-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(100,255,218,.05) 0%,transparent 100%);opacity:0;transition:opacity .4s ease}.services-list{gap:20px;margin-top:20px}.service-item:hover{transform:translateY(-10px);border-color:var(--Medkhair-color-secondary);box-shadow:0 10px 40px #64ffda33}.service-item:hover:before{opacity:1}.service-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;font-size:32px;color:var(--Medkhair-color-secondary);transition:all .4s ease}.service-item:hover .service-icon{transform:scale(1.1) rotate(5deg)}.service-title{font-size:24px;margin:0 0 15px;color:#fff;font-weight:600}.service-description{font-size:16px;line-height:1.6;color:#94a3b8;margin:0}@media(min-width:769px)and (max-width:1024px){.services-list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}}@media(max-width:768px){#services{padding:20px 20px 0}.service-item{padding:30px 20px}.service-title{font-size:20px}.services-list{margin-top:-10px;gap:5px;grid-template-columns:repeat(1,1fr)}}#skills{padding:40px 20px 80px;background:var(--Medkhair-color-primary)}.skills-container{display:block;max-width:1200px;margin:20px auto 0;padding:0 20px}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.skill-category{background:#ffffff08;border:1px solid rgba(100,255,218,.1);border-radius:15px;padding:30px;transition:all .4s ease}.skill-category:hover{border-color:#64ffda4d;box-shadow:0 5px 25px #64ffda1a}.category-title{font-size:22px;color:var(--Medkhair-color-secondary);margin:0 0 25px;padding-bottom:15px;border-bottom:2px solid rgba(100,255,218,.2);font-weight:600}.skills-list-items{display:flex;flex-direction:column;gap:20px}.skill-item{display:flex;flex-direction:column;gap:8px}.skill-info{display:flex;justify-content:space-between;align-items:center}.skill-name{font-size:16px;color:#e2e8f0;font-weight:500}.skill-percentage{font-size:14px;color:var(--Medkhair-color-secondary);font-weight:600}.skill-bar{width:100%;height:8px;background:#ffffff0d;border-radius:10px;overflow:hidden;position:relative}.skill-progress{height:100%;background:linear-gradient(90deg,var(--Medkhair-color-secondary) 0%,#3ecfb0 100%);border-radius:10px;transition:width 1.5s ease-out;box-shadow:0 0 10px #64ffda80;animation:progressAnimation 2s ease-out}@keyframes progressAnimation{0%{width:0}}.skill-bar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:768px){#skills{padding:20px}.skills-grid{grid-template-columns:1fr;gap:25px}.skill-category{padding:20px}.category-title{font-size:20px;margin-bottom:20px}.skill-name{font-size:14px}.skill-percentage{font-size:12px}.skills-container{margin-top:0}.skills>div>div{margin-bottom:0}}#projects-part-1{height:100vh;display:flex;justify-content:center;flex-direction:column;background-image:url(/assets/part1-CvYgJyTP.png);background-size:cover;background-position:center;background-repeat:no-repeat}.projects-part-1-container p{text-align:center}.projects-part-1 h2{font-size:60px;text-align:center;margin-bottom:10px}.projects-part-1 hr{width:30%;border:5px solid var(--Medkhair-color-secondary);margin:10px auto 20px}.projects-part-1 p{font-size:24px;color:#94a3b8;margin-bottom:30px}@media(max-width:768px){#projects-part-1{height:auto;padding:60px 20px}.projects-part-1 h2{font-size:28px}.projects-part-1 p{font-size:18px}.projects-part-1 hr{width:50%;border:3px solid var(--Medkhair-color-secondary);margin:10px auto 20px}}#projects-part-2{padding:80px 0;background:linear-gradient(180deg,var(--Medkhair-color-tercairy) 0%,var(--Medkhair-color-primary)100%);background-position:center;background-size:cover;background-repeat:no-repeat}.projects-part-2 .projects-part-2-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;margin-top:50px;align-items:flex-start;padding:0 20px}.projects-part-2 .project-card{background:#e2e8f0;border:1px solid rgba(100,255,218,.1);border-radius:20px;transition:all .4s ease;position:relative;display:flex;flex-direction:column}.projects-part-2 .project-card:hover{transform:translateY(-10px);border-color:var(--Medkhair-color-secondary);box-shadow:0 15px 50px #64ffda33;z-index:9999}.projects-part-2 .project-image{width:100%;height:200px;object-fit:cover;border-top-left-radius:20px;border-top-right-radius:20px;transition:transform .4s ease}.projects-part-2 .project-title{font-size:22px;color:#000;margin:20px 20px 10px;font-weight:600}.projects-part-2 .project-description{font-size:15px;color:#333;margin:0 20px;line-height:1.6;flex-grow:1}.projects-part-2 .project-tech-stack{display:flex;flex-wrap:wrap;gap:10px;margin:20px}.projects-part-2 .tech-item{padding:6px 14px;background:#323232;border:1px solid rgba(100,255,218,.3);border-radius:20px;font-size:13px;color:var(--Medkhair-color-secondary);font-weight:500}.projects-part-2 .project-links{display:flex;justify-content:flex-end;align-items:center;gap:15px;position:relative;height:0}.projects-part-2 .show-links-button{width:50px;height:50px;border-radius:50%;background:#323232;color:var(--Medkhair-color-secondary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transform:translate(50%);transition:all .3s ease;z-index:2}.projects-part-2 .show-links-button:hover{transform:translate(50%) rotate(45deg) scale(1.05);box-shadow:0 5px 20px #64ffda80}.projects-part-2 .links-dropdown{display:flex;gap:10px;position:absolute;right:-70px;animation:slideIn .3s ease-out;z-index:999;flex-direction:column}.projects-part-2 .links-dropdown>a:nth-child(1),.projects-part-2 .links-dropdown>a:nth-child(3){transform:translate(-50%)}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.projects-part-2 .project-link{width:40px;height:40px;border-radius:50%;background:#d9d9d9;border:1px solid #000;color:#000;display:flex;align-items:center;justify-content:center;font-size:22px;transition:all .3s ease;text-decoration:none}.projects-part-2 .project-link:hover{background:var(--Medkhair-color-secondary);color:var(--Medkhair-color-primary);scale:1.1}@media(max-width:1024px){.projects-part-2 .projects-part-2-container{padding:0 80px}}@media(max-width:768px){#projects-part-2{padding:60px 20px}.projects-part-2 .projects-part-2-container{grid-template-columns:1fr;gap:30px;margin-top:30px;padding:0 50px}.projects-part-2 .project-image{height:200px}.projects-part-2 .project-title{font-size:20px}.projects-part-2 .project-description{font-size:14px}.projects-part-2 .project-tech-stack{justify-content:center}.projects-part-2 .tech-item{font-size:12px;padding:5px 12px}.projects-part-2 .show-links-button{width:40px;height:40px;font-size:18px}.projects-part-2 .links-dropdown{right:-60px}.projects-part-2 .project-link{width:35px;height:35px;font-size:16px}}#projects-part-3{padding:0;background:linear-gradient(180deg,var(--Medkhair-color-primary) 0%,#1E216D 50%,rgba(106,90,205,.12) 100%);background-position:center;background-size:cover;background-repeat:no-repeat}.projects-part-3 .projects-part-3-container{margin-top:50px;padding:0 20px;flex-direction:column;align-items:center;justify-content:center;gap:40px}.projects-part-3 .projects-part-3-container>div{width:100%}.projects-part-3 .project-card{width:100%;background:linear-gradient(135deg,#ffffff14,#ffffff08);border:2px solid rgba(100,255,218,.2);border-radius:30px;overflow:hidden;transition:all .4s ease;position:relative;display:flex;flex-direction:row;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 15px 50px #0009}.projects-part-3 .project-card:hover:before{opacity:1}.projects-part-3 .project-card:hover{transform:translateY(-8px);border-color:var(--Medkhair-color-secondary);box-shadow:0 25px 70px #64ffda59}.projects-part-3 .project-image{width:40%;transition:all .5s ease;filter:brightness(.9)}.projects-part-3 .project-card:hover .project-image{transform:scale(1.08);filter:brightness(1)}.projects-part-3 .project-card>div{display:flex;flex-direction:column;padding:40px 35px;flex:1;justify-content:space-between}.projects-part-3 .project-content-top{display:flex;flex-direction:column;gap:20px}.projects-part-3 .project-title{font-size:28px;color:#fff;margin:0;line-height:1.2;letter-spacing:-.5px}.projects-part-3 .project-description{font-size:16px;color:#cbd5e1;margin:0;line-height:1.2}.projects-part-3 .project-tech-stack{display:flex;flex-wrap:wrap;gap:10px}.projects-part-3 .tech-item{padding:8px 18px;background:#64ffda1f;border:1px solid rgba(100,255,218,.35);border-radius:25px;font-size:13px;color:var(--Medkhair-color-secondary);font-weight:600;letter-spacing:.3px;transition:all .3s ease}.projects-part-3 .tech-item:hover{background:#64ffda33;transform:translateY(-2px)}.projects-part-3 .project-links{display:flex;gap:15px;margin-top:30px}.projects-part-3 .links-dropdown{display:flex;gap:15px}.projects-part-3 .project-link{flex:1;border-radius:14px;background:var(--Medkhair-color-secondary);color:var(--Medkhair-color-primary);border:2px solid var(--Medkhair-color-secondary);display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:700;transition:all .3s ease;text-decoration:none;letter-spacing:.5px;padding:10px}.projects-part-3 .project-link:hover{background:transparent;color:var(--Medkhair-color-secondary);transform:translateY(-3px);box-shadow:0 10px 30px #64ffda80}.projects-part-3 .project-link i{font-size:20px}@media(max-width:768px){#projects-part-3{padding:0 20px}.projects-part-3 .projects-part-3-container{gap:35px;margin-top:30px}.projects-part-3 .project-card{flex-direction:column;max-width:100%;border-radius:25px}.projects-part-3 .project-image{width:100%;min-width:100%;height:auto}.projects-part-3 .project-card>div{padding:20px 10px}.projects-part-3 .project-content-top{gap:5px}.projects-part-3 .project-title{font-size:24px}.projects-part-3 .project-description{font-size:15px}.projects-part-3 .tech-item{font-size:12px;padding:6px 14px}.projects-part-3 .project-links{gap:12px;margin-top:25px;justify-content:center}.projects-part-3 .project-link{height:48px;font-size:15px}.projects-part-3 .project-tech-stack{justify-content:center}.projects-part-3 .project-link i{font-size:18px}}#projects-part-4{padding:80px 0;background:linear-gradient(180deg,#6a5acd1f,#4b1f3e80 50%,#ff64c81f,#0b1e34);background-position:center;background-size:cover;background-repeat:no-repeat}.projects-part-4 .projects-part-4-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:50px;padding:0 20px;align-items:flex-start}.projects-part-4 .project-card{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(145,66,73,.2);border-radius:25px;overflow:hidden;transition:all .4s ease;position:relative;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.projects-part-4 .project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(100,255,218,.1),transparent);transition:left .5s ease}.projects-part-4 .project-card:hover:before{left:100%}.projects-part-4 .project-card:hover{transform:scale(1.03);border-color:#914249;box-shadow:0 20px 60px #9142494d}.projects-part-4 .project-image{width:100%;height:220px;object-fit:cover;transition:all .4s ease;filter:grayscale(20%)}.projects-part-4 .project-card:hover .project-image{filter:grayscale(0%)}.projects-part-4 .project-title{font-size:20px;color:#fff;margin:20px 25px 10px;font-weight:600;position:relative;display:inline-block;width:fit-content}.projects-part-4 .project-title:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#914249;transition:width .3s ease}.projects-part-4 .project-card:hover .project-title:after{width:100%}.projects-part-4 .project-description{font-size:14px;color:#cbd5e1;margin:0 25px 15px;line-height:1.7;flex-grow:1}.projects-part-4 .project-tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin:0 25px 20px}.projects-part-4 .tech-item{padding:5px 12px;background:#914249;border:1px solid #FFF;border-radius:5px;font-size:12px;color:#fff;font-weight:600;letter-spacing:.5px}.projects-part-4 .project-links{padding:0 25px 25px;display:flex;justify-content:center;align-items:center}.projects-part-4 .links-dropdown{display:flex;gap:15px;width:100%;justify-content:center}.projects-part-4 .project-link{flex:1;max-width:150px;height:45px;border-radius:12px;background:#914249;color:var(--Medkhair-color-primary);border:2px solid #914249;display:flex;align-items:center;justify-content:center;gap:8px;font-size:16px;font-weight:600;transition:all .3s ease;text-decoration:none}.projects-part-4 .project-link:hover{background:transparent;color:#914249;transform:translateY(-3px);box-shadow:0 5px 15px #64ffda66}.projects-part-4 .project-link i{font-size:18px}@media(max-width:768px){#projects-part-4{padding:60px 20px}.projects-part-4 .projects-part-4-container{grid-template-columns:1fr;gap:25px;margin-top:30px}.projects-part-4 .project-image{height:180px}.projects-part-4 .project-title{font-size:18px;margin:15px auto 8px}.projects-part-4 .project-description{font-size:13px;margin:0 20px 12px}.projects-part-4 .project-tech-stack{margin:0 20px 15px;gap:6px;justify-content:center}.projects-part-4 .tech-item{font-size:11px;padding:4px 10px}.projects-part-4 .project-links{padding:0 20px 20px}.projects-part-4 .project-link{height:40px;font-size:14px}.projects-part-4 .project-link i{font-size:16px}}.projects-part-4 .project-links{padding:0 25px 25px;display:flex;justify-content:flex-start;align-items:center;gap:12px;position:relative;margin-top:auto}.projects-part-4 .show-links-button{border-radius:12px;background:#914249;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:22px;transition:all .3s ease;z-index:2;flex-shrink:0;padding:10px 15px}.projects-part-4 .show-links-button:hover{transform:rotate(90deg) scale(1.1);box-shadow:0 8px 25px #91424999;background:#fff;color:var(--Medkhair-color-primary)}.projects-part-4 .links-dropdown{display:flex;gap:12px;animation:slideInFromLeft .4s ease-out}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}.projects-part-4 .project-link{width:50px;height:50px;border-radius:12px;background:#ffffff14;border:2px solid #914249;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;transition:all .3s ease;text-decoration:none;position:relative;overflow:hidden}.projects-part-4 .project-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#914249;transform:translateY(100%);transition:transform .3s ease;z-index:-1}.projects-part-4 .project-link:hover:before{transform:translateY(0)}.projects-part-4 .project-link:hover{color:var(--Medkhair-color-primary);border-color:#914249;transform:translateY(-5px);box-shadow:0 8px 20px #91424966}@media(max-width:768px){.projects-part-4 .project-links{padding:0 20px 20px;gap:10px}.projects-part-4 .show-links-button,.projects-part-4 .project-link{width:45px;height:45px;font-size:20px}}#education{padding:80px 0;background:linear-gradient(180deg,#0b1e34,#000c)}.education-container{display:block;max-width:1200px;margin:50px auto 0;padding:0 20px}.education-timeline{position:relative;padding:40px 0}.education-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent 0%,var(--Medkhair-color-secondary) 10%,var(--Medkhair-color-secondary) 90%,transparent 100%);transform:translate(-50%);box-shadow:0 0 20px #64ffda66}.timeline-item{position:relative;margin-bottom:80px;width:100%;display:flex;align-items:center;gap:80px}.timeline-item:last-child{margin-bottom:0}.timeline-item:nth-child(odd){justify-content:flex-end}.timeline-item:nth-child(2n){justify-content:flex-start}.timeline-dot{position:absolute;left:50%;top:30px;width:20px;height:20px;background:var(--Medkhair-color-secondary);border:5px solid var(--Medkhair-color-primary);border-radius:50%;transform:translate(-50%);z-index:3;box-shadow:0 0 0 10px #64ffda26;transition:all .3s ease}.timeline-item:hover .timeline-dot{box-shadow:0 0 0 15px #64ffda40;transform:translate(-50%) scale(1.4)}.timeline-content{width:40%;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid rgba(100,255,218,.15);border-radius:20px;padding:35px 30px;position:relative;transition:all .4s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timeline-item:nth-child(2n) .timeline-content{text-align:right}.timeline-content:hover{background:linear-gradient(135deg,#ffffff14,#ffffff08);border-color:var(--Medkhair-color-secondary);transform:translateY(-10px);box-shadow:0 15px 50px #64ffda40}.timeline-year{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#64ffda26;border:1px solid rgba(100,255,218,.3);border-radius:25px;font-size:14px;font-weight:600;color:var(--Medkhair-color-secondary);margin-bottom:18px;letter-spacing:.5px}.timeline-title{font-size:24px;color:#fff;margin:0 0 12px;font-weight:600;line-height:1.3}.timeline-institution{font-size:17px;color:#94a3b8;margin:0;font-weight:400;line-height:1.5}@media(max-width:768px){#education{padding:60px 20px}.education-container{margin-top:30px}.education-timeline{padding:20px 0}.education-timeline:before{left:20px;width:2px}.timeline-item{justify-content:flex-end!important;padding-left:50px;margin-bottom:50px;gap:0;width:90%}.timeline-dot{left:20px;top:25px;width:16px;height:16px;border-width:4px}.timeline-content{width:90%;text-align:left!important;padding:25px 20px}.timeline-title{font-size:20px}.timeline-institution{font-size:15px}.timeline-year{font-size:13px;padding:8px 16px}}#career{padding:60px 0 80px;background-color:var(--Medkhair-color-tercairy);background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;z-index:0}#career>*{position:relative;z-index:2}#career:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;z-index:1}.career-details{margin-top:40px}.career-content{display:flex}.career-content>div{flex:1;width:33.33%;display:flex;flex-direction:column;align-items:center;justify-content:center}.company-logo img{width:100px;height:auto;margin:0 auto 30px}.company-logo,.company-logo .logo-container{position:relative}.company-logo .logo-container{width:100%;display:flex;justify-content:center}.company-logo .logo-container:after{content:"";position:absolute;top:50%;right:0;width:90%;height:1px;background:linear-gradient(90deg,var(--Medkhair-color-secondary),transparent,transparent);transform:translateY(calc(-50% - 20px)) translate(50%)}.company-logo .logo-container.oriental:after{width:80%}.companies{gap:40px}.company{background-color:var(--Medkhair-color-primary);border:1px solid var(--Medkhair-color-secondary);border-radius:60px;padding:10px 30px;color:var(--Medkhair-color-secondary);cursor:pointer;transition:all .3s ease;font-family:Clash Display Variable,sans-serif;position:relative;z-index:2}.company:hover{background-color:var(--Medkhair-color-secondary);color:var(--Medkhair-color-primary);box-shadow:0 0 15px #64ffda80;transform:translateY(-5px)}.company.active{background-color:var(--Medkhair-color-secondary);color:var(--Medkhair-color-primary);box-shadow:0 0 15px #64ffda80}.companies>div{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.companies>div:after{content:"";position:absolute;top:50%;right:0;width:90%;height:1px;background:linear-gradient(90deg,transparent,var(--Medkhair-color-secondary),transparent);transform:translateY(-50%) translate(50%)}.companies>div:last-child:after{rotate:-8deg}.companies>div:first-child:after{rotate:2deg}.company-tasks-details>*{margin:0!important}.company-tasks-details{display:flex;flex-direction:column;gap:8px;padding:30px;border-radius:35px;position:relative;z-index:2}.company-tasks-details:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#68686833;border-radius:35px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:-1;border:1px solid rgba(255,255,255,1)}.company-tasks-details h3{font-size:22px;color:var(--Medkhair-color-secondary);font-weight:500}.company-duration{font-size:16px;color:#914249;font-weight:400}.tasks-list{display:flex;flex-direction:column;gap:15px;list-style:none;padding-inline-start:0;margin-top:10px!important}.tasks-list li{font-weight:200;font-size:16px;padding-left:20px;position:relative;line-height:1.2em}.tasks-list li:before{content:"+";position:absolute;left:0;color:var(--Medkhair-color-secondary);font-size:20px;font-weight:600}@media(min-width:768px){.company-tasks-details{min-height:310px}}@media(max-width:768px){#career{padding:20px 20px 30px}.companies>div{width:fit-content}.career-details{margin-top:20px}.career-content{flex-direction:column;gap:20px}.career-content>div{width:100%}.company-logo .logo-container:after{width:80%;transform:translateY(calc(-50% - 20px)) translate(40%)}.company-logo img{width:80px;margin-bottom:0}.company-tasks-details{padding:20px}.company-tasks-details h3{font-size:20px}.company-duration,.tasks-list li{font-size:14px}.company-logo .logo-container:after,.companies>div:after{display:none}.companies{flex-direction:row!important;gap:10px}.companies button{padding:8px 20px;font-size:10px}}#contact{padding:80px 0;background:linear-gradient(180deg,rgba(0,0,0,.8),var(--Medkhair-color-primary))}.contact-details{display:block;max-width:900px;margin:50px auto 0;padding:0 20px}.contact-form{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;background:#ffffff08;border:1px solid rgba(100,255,218,.15);border-radius:20px;padding:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group{display:flex;flex-direction:column;gap:12px}.form-group label{font-size:15px;font-weight:600;color:var(--Medkhair-color-secondary);letter-spacing:.5px;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:16px 20px;background:#ffffff0d;border:2px solid rgba(100,255,218,.2);border-radius:12px;color:#fff;font-size:15px;font-family:Sora,sans-serif;transition:all .3s ease;outline:none;box-sizing:border-box}.form-group input::placeholder,.form-group textarea::placeholder{color:#64748b}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--Medkhair-color-secondary);background:#ffffff14;box-shadow:0 0 0 4px #64ffda1a}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364FFDA' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;padding-right:50px;background-color:#ffffff0d}.form-group select option{background:var(--Medkhair-color-primary);color:#fff;padding:10px}.form-group textarea{resize:vertical;min-height:150px;font-family:Sora,sans-serif;line-height:1.6}.form-group.message{grid-column:1 / -1}.submit-btn{grid-column:1 / -1;width:100%;max-width:300px;margin:20px auto 0;padding:16px 40px;font-size:16px;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer}.submit-btn span{transition:transform .3s ease;font-size:20px}.submit-btn:hover span{transform:translate(5px)}.form-status{grid-column:1 / -1}.form-status p{text-align:center;font-size:15px;margin:0;color:var(--Medkhair-color-secondary)}@media(max-width:768px){#contact{padding:60px 20px}.contact-details{margin-top:30px}.contact-form{grid-template-columns:1fr;gap:25px;padding:35px 25px}.form-group label{font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:14px 16px;font-size:14px}.form-group textarea{min-height:120px}.submit-btn{max-width:100%;padding:14px 30px;font-size:15px;margin-top:10px}}footer{background:linear-gradient(180deg,var(--Medkhair-color-primary) 0%,#000 100%);padding:60px 0 0;position:relative;overflow:hidden}footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--Medkhair-color-secondary),transparent)}.footer-content{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;align-items:flex-start;padding:0 40px 40px;border-bottom:1px solid rgba(100,255,218,.1)}.footer-section{display:flex;flex-direction:column;gap:20px}.footer-logo{font-size:28px;font-weight:700;color:var(--Medkhair-color-secondary);margin:0;font-family:Clash Display Variable,sans-serif;letter-spacing:-.5px}.footer-tagline{font-size:14px;color:#94a3b8;margin:0;line-height:1.5}.footer-section h4{font-size:18px;color:#fff;margin:0 0 15px;font-weight:600}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-links a{color:#94a3b8;font-size:15px;transition:all .3s ease;display:inline-block;position:relative}.footer-links a:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--Medkhair-color-secondary);transition:width .3s ease}.footer-links a:hover{color:var(--Medkhair-color-secondary);transform:translate(5px)}.footer-links a:hover:before{width:100%}.footer-social{display:flex;gap:15px;flex-wrap:wrap}.footer-social a{width:45px;height:45px;border-radius:12px;background:#ffffff0d;border:2px solid rgba(100,255,218,.2);color:var(--Medkhair-color-secondary);display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .3s ease;position:relative;overflow:hidden}.footer-social a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--Medkhair-color-secondary);transform:translateY(100%);transition:transform .3s ease;z-index:0}.footer-social a i{position:relative;z-index:1}.footer-social a:hover:before{transform:translateY(0)}.footer-social a:hover{border-color:var(--Medkhair-color-secondary);color:var(--Medkhair-color-primary);transform:translateY(-5px);box-shadow:0 8px 20px #64ffda4d}.footer-bottom{background:#0006;padding:25px 0}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;padding:0 40px}.footer-bottom p{margin:0;font-size:14px;color:#94a3b8}.footer-bottom i{color:#ef4444;margin:0 5px;font-size:14px}.footer-bottom .bi-cup-hot-fill{color:var(--Medkhair-color-secondary)}@media(max-width:768px){footer{padding:40px 0 0}.footer-content{grid-template-columns:1fr;gap:35px;padding:0 20px 30px;text-align:center}.footer-section{align-items:center}.footer-logo{font-size:24px}.footer-tagline{font-size:13px}.footer-section h4{font-size:16px;margin-bottom:12px}.footer-links{align-items:center;gap:10px}.footer-links a{font-size:14px}.footer-links a:hover{transform:translate(0)}.footer-social{justify-content:center;gap:12px}.footer-social a{width:42px;height:42px;font-size:18px}.footer-bottom-content{flex-direction:column;gap:10px;padding:0 20px;text-align:center}.footer-bottom p{font-size:13px}}