body{background-color:#f8f8f8;color:#333;font-family:PP Neue Montreal,sans-serif;margin:0;padding:0;line-height:1.6;overflow-x:hidden}.background-elements{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.bg-circle{position:absolute;border-radius:50%;filter:blur(60px);opacity:.15}.circle-1{width:400px;height:400px;background:#ff6b00;top:-100px;left:-100px}.circle-2{width:600px;height:600px;background:#3a0ca3;bottom:-200px;right:-200px}.circle-3{width:300px;height:300px;background:#f72585;top:50%;left:70%}.bg-grid-lines{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(to right,rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,0,0,.03) 1px,transparent 1px);background-size:40px 40px}.about-wrapper{min-height:100vh;padding-top:80px;position:relative}.about-container{max-width:1200px;margin:0 auto;padding:0 30px;position:relative}.hero-section{padding:80px 0 120px;position:relative}.hero-content{display:flex;align-items:center;justify-content:space-between;gap:60px}.title-wrapper{position:relative;flex:1}.hero-title{font-family:Druk,sans-serif;font-size:5rem;font-style:italic;line-height:.9;margin:0;position:relative;z-index:2;background:linear-gradient(45deg,#ff6b00,#f72585);-webkit-background-clip:text;background-clip:text;color:transparent}.title-highlight{position:absolute;top:-20px;left:-20px;width:200px;height:200px;background:#ff6b001a;border-radius:50%;z-index:1}.hero-image-container{position:relative;width:350px;height:350px}.image-frame{position:absolute;top:-20px;left:-20px;width:100%;height:100%;border:2px solid #ff6b00;z-index:1;pointer-events:none}.hero-image{width:100%;height:100%;position:relative;z-index:2;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover}.tech-tag{position:absolute;background:#fff;padding:8px 15px;border-radius:20px;font-size:.8rem;font-weight:700;box-shadow:0 5px 15px #0000001a;z-index:3}.tag-1{top:-10px;right:-30px;background:#ff6b00;color:#fff}.tag-2{bottom:30px;left:-40px}.tag-3{bottom:-15px;right:-20px;background:#3a0ca3;color:#fff}section{margin-bottom:100px;position:relative}.section-header{margin-bottom:50px;position:relative}.section-title{font-family:Druk,sans-serif;font-size:3rem;font-style:italic;margin:0 0 15px;position:relative;display:inline-block;background:linear-gradient(45deg,#ff6b00,#f72585);-webkit-background-clip:text;background-clip:text;color:transparent}.title-underline{width:100px;height:4px;background:linear-gradient(90deg,#ff6b00,#f72585);margin-top:10px}.bio-content{display:flex;gap:60px;align-items:flex-start}.bio-text{flex:2;font-size:1.1rem;line-height:1.8;color:#555}.bio-text p{margin-bottom:20px}.bio-stats{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.stat-item{background:#fff;padding:25px;border-radius:10px;box-shadow:0 10px 30px #0000000d;text-align:center}.stat-number{font-family:Druk,sans-serif;font-size:2.5rem;font-style:italic;color:#ff6b00;line-height:1;margin-bottom:5px}.stat-label{font-size:.9rem;color:#777;text-transform:uppercase;letter-spacing:1px}.experience-grid{display:flex;gap:40px;position:relative}.experience-card{flex:1;background:#fff;border-radius:15px;padding:30px;box-shadow:0 15px 40px #00000014;position:relative;z-index:2}.exp-logo{width:60px;height:60px;background:#ff6b00;border-radius:12px;margin-bottom:20px}.experience-header h3{font-size:1.5rem;margin:0 0 5px;color:#222}.company{font-weight:700;color:#ff6b00;margin-bottom:5px;font-size:1.1rem}.date{color:#777;font-size:.9rem;font-family:Akkurat Mono,monospace}.experience-details{margin:25px 0;padding:0;list-style:none}.experience-details li{margin-bottom:15px;padding-left:25px;position:relative;color:#555}.bullet{position:absolute;left:0;top:8px;width:8px;height:8px;background:#ff6b00;border-radius:50%}.project-link{display:inline-flex;align-items:center;gap:8px;color:#ff6b00;text-decoration:none;font-weight:700;transition:all .3s ease}.project-link:hover{color:#e05d00;transform:translate(5px)}.timeline{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:2px;background:#0000001a;z-index:1}.timeline-dot{position:absolute;top:100px;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;background:#ff6b00;border-radius:50%;box-shadow:0 0 0 5px #ff6b0033}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.skill-category{background:#fff;border-radius:15px;padding:30px;box-shadow:0 15px 40px #00000014}.skill-header{display:flex;align-items:center;gap:15px;margin-bottom:25px}.skill-header i{font-size:1.5rem;color:#ff6b00}.skill-header h3{font-size:1.3rem;margin:0;color:#222}.skill-list{list-style:none;padding:0;margin:0}.skill-list li{margin-bottom:15px;position:relative}.skill-progress{position:absolute;top:0;left:0;height:100%;background:#ff6b001a;border-radius:5px;z-index:1}.skill-name{position:relative;z-index:2;padding:8px 10px;display:inline-block;font-weight:500}.skill-percent{position:absolute;right:10px;top:8px;z-index:2;color:#ff6b00;font-weight:700}@media (max-width: 1024px){.hero-content{flex-direction:column;gap:40px}.hero-title{font-size:4rem}.bio-content,.experience-grid{flex-direction:column}.timeline{display:none}}@media (max-width: 768px){.hero-title{font-size:3rem}.section-title{font-size:2.5rem}.hero-image-container{width:280px;height:280px}.skills-grid{grid-template-columns:1fr}}@media (max-width: 480px){.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.about-container{padding:0 20px}.bio-stats{grid-template-columns:1fr}}