*{box-sizing:border-box;margin:0;padding:0}.nav.dark-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f5f5e6!important}.nav.dark-text .nav-link,.nav.dark-text .nav-logo{transition:color .3s;color:#000!important}@media (min-width:769px){.nav.dark-text .mobile-menu-btn{transition:color .3s;color:#000!important}}.nav.dark-text .nav-link:after{background:#000!important}.nav.dark-text .nav-link.contact-btn{color:#fff!important;background:linear-gradient(135deg,#9370db,orange)!important}@media (min-width:769px){.nav.dark-text .nav-links .nav-link{color:#000!important}.nav.dark-text .nav-links .nav-link:after{background:#000!important}}.nav:not(.dark-text){-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0!important}.hero-section{justify-content:center;align-items:center;min-height:100vh;padding:120px 60px 60px;display:flex;position:relative;overflow:hidden}.hero-background{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.hero-gradient{opacity:.9;background:linear-gradient(135deg,#0a0a1a 0%,#0d1421 30%,#1a1a2e 70%,#16213e 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-text-bg{color:#ffffff08;text-transform:uppercase;letter-spacing:.1em;z-index:2;pointer-events:none;white-space:nowrap;font-size:clamp(8rem,15vw,20rem);font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-hero-grid{z-index:10;grid-template-columns:1fr 1fr;align-items:center;gap:80px;width:100%;max-width:1400px;display:grid;position:relative}.hero-image{position:relative}.hero-portrait{object-fit:cover;filter:grayscale()contrast(1.2);border-radius:20px;width:100%;max-width:500px;height:auto;transition:all .4s;box-shadow:0 20px 60px #0000004d}.hero-portrait:hover{filter:grayscale(0%)contrast(1.1);transform:scale(1.02)}.hero-text{color:#fff}.hero-title{text-transform:none;margin-bottom:30px;font-size:clamp(2.8rem,4.5vw,3.8rem);font-style:italic;font-weight:700;line-height:1.2}.hero-title:before{display:none}.hero-subtitle{color:#fff;max-width:500px;margin-bottom:40px;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:300;line-height:1.6}.hero-roles{flex-direction:column;gap:15px;display:flex}.role-item{color:#fff;opacity:.9;font-size:clamp(1rem,2vw,1.2rem);font-style:italic;font-weight:400}.about-section{background:#f5f5f5;padding:100px 60px;position:relative}.about-container{max-width:1200px;margin:0 auto}.about-header h2{color:#333;text-transform:uppercase;letter-spacing:2px;margin-bottom:30px;font-size:1.2rem;font-weight:700}.about-description p{color:#333;max-width:900px;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;line-height:1.3}.highlight{color:#9370db;font-weight:700}.stats-section{background:#000;padding:80px 60px;position:relative}.stats-container{text-align:center;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:60px;max-width:1200px;margin:0 auto;display:grid}.stat-item{flex-direction:column;align-items:center;gap:10px;display:flex}.stat-number{color:#fff;font-size:clamp(3rem,6vw,4.5rem);font-weight:700;line-height:1}.stat-label{color:#ccc;text-transform:uppercase;letter-spacing:1px;font-size:clamp(1rem,2vw,1.2rem);font-weight:400}.details-section{background:#000;padding:100px 60px;position:relative;overflow-x:hidden}.details-container{max-width:1200px;margin:0 auto}.education,.achievements,.projects{margin-bottom:80px}.education h2,.achievements h2,.projects h2{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:2px;margin-bottom:40px;font-size:2.5rem;font-weight:700;position:relative}.education h2:before,.achievements h2:before,.projects h2:before{content:"";background:linear-gradient(90deg,#9370db,orange);border-radius:2px;width:80px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.education p{color:#ccc;border-left:3px solid #9370db;margin-bottom:20px;padding-left:20px;font-size:1.2rem;line-height:1.8}.achievements ul{max-width:900px;margin:0 auto;padding:0;list-style:none}.achievements li{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #9370db33;border-radius:15px;margin-bottom:25px;padding:25px 30px;font-size:1.3rem;font-weight:400;transition:all .4s;position:relative}.achievements li:hover{background:#ffffff1a;transform:translateY(-5px);box-shadow:0 15px 40px #9370db33}.achievements li span{color:orange;text-transform:uppercase;letter-spacing:1.5px;margin-right:15px;font-size:.9rem;font-weight:700;display:inline-block}.about-project-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.about-project-card{cursor:pointer;background:#ffffff0d;border:1px solid #9370db33;border-radius:15px;padding:30px;transition:all .4s;position:relative;overflow:hidden}.about-project-card:before{content:"";opacity:0;background:linear-gradient(90deg,#9370db,orange);width:100%;height:4px;transition:opacity .4s;position:absolute;top:0;left:0}.about-project-card:hover:before{opacity:1}.about-project-card:hover{background:#ffffff1a;transform:translateY(-10px);box-shadow:0 20px 50px #0000004d}.about-project-card h3{color:#fff;margin-bottom:15px;font-size:1.6rem;transition:color .3s}.about-project-card:hover h3{color:orange}.about-project-card p{color:#ccc;margin-bottom:0;font-size:1.1rem}.bg-shape{opacity:.1;pointer-events:none;z-index:1;position:absolute}.circle{border-radius:50%}.triangle{clip-path:polygon(50% 0%,0% 100%,100% 100%)}.pentagon{clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%)}.purple{background:#9370db}.orange{background:orange}@media only screen and (max-width:1024px){.about-hero-grid{text-align:center;grid-template-columns:1fr;gap:60px}.hero-text{order:-1}.hero-portrait{max-width:400px;margin:0 auto}}@media only screen and (max-width:768px){.hero-section{padding:100px 30px 40px}.about-section,.stats-section,.details-section{padding:60px 30px}.hero-text-bg{font-size:clamp(4rem,12vw,8rem)}.stats-container{grid-template-columns:repeat(2,1fr);gap:40px}.about-project-grid{grid-template-columns:1fr;gap:20px}.achievements li{padding:20px;font-size:1.1rem}}@media only screen and (max-width:480px){.hero-section{padding:80px 20px 30px}.about-section,.stats-section,.details-section{padding:40px 20px}.stats-container{grid-template-columns:1fr;gap:30px}.hero-roles{gap:10px}.role-item{font-size:1rem}}