:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{--gradient-color-1: #4a2b8c;--gradient-color-2: #2d1b69}body{margin:0;min-height:100vh;background:linear-gradient(45deg,var(--gradient-color-1),var(--gradient-color-2),var(--gradient-color-1),var(--gradient-color-2));background-size:400% 400%;animation:gradientBG 8s ease infinite;position:relative;overflow-x:hidden;will-change:background-position}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.particle{position:absolute;width:2px;height:2px;background:#ffffff80;border-radius:50%;animation:particleFloat 20s infinite linear;will-change:transform,opacity}@keyframes gradientBG{0%{background-position:0% 50%}25%{background-position:50% 0%}50%{background-position:100% 50%}75%{background-position:50% 100%}to{background-position:0% 50%}}@keyframes particleFloat{0%{transform:translateY(0) translate(0);opacity:0}25%{opacity:1}50%{transform:translateY(-100px) translate(50px)}75%{opacity:1}to{transform:translateY(-200px) translate(0);opacity:0}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.about-me-container{max-width:1200px;margin:0 auto;padding:2rem 1rem 1rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0003;border:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.section{margin-bottom:6rem;padding:2rem;background:#1a1a2e33;border-radius:15px;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease;will-change:transform}.section h2{font-size:2rem;color:#fff;margin-bottom:2rem;text-align:center;position:relative}.section h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:50px;height:3px;background:linear-gradient(90deg,#9d4edd,#5a189a);border-radius:3px}.about-content{display:flex;gap:3rem;align-items:center}.about-text{flex:1}.about-text p{font-size:1.1rem;line-height:1.6;color:#e0e0e0;margin-bottom:2rem}.subsection{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.subsection h3{font-size:1.5rem;color:#c0a0e0;margin-bottom:1rem;text-align:left}.subsection p{font-size:1rem;line-height:1.6;color:#d0d0d0;text-align:left}.favourite-books-section{margin-top:2rem;text-align:center}.favourite-books-section h4{font-size:1.3rem;color:#b090d0;margin-bottom:1.5rem;text-align:left}.book-carousel-container{perspective:1000px;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;margin:20px 0;padding:10px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.book-carousel-container::-webkit-scrollbar{display:none}.book-carousel{display:inline-flex;transform-style:preserve-3d;animation:carousel-scroll 30s linear infinite}.book-item{flex:0 0 auto;width:200px;margin:0 20px;text-align:center;background:linear-gradient(145deg,#4a2b8c66,#2d1b6999);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;box-shadow:0 6px 12px #0003,0 0 15px #4a2b8c4d;padding:20px;transform:rotateY(25deg) translateZ(40px);transition:transform .6s cubic-bezier(.25,.8,.25,1),box-shadow .6s cubic-bezier(.25,.8,.25,1);border:1px solid rgba(255,255,255,.08)}.book-item:hover{transform:rotateY(0) translateZ(80px) scale(1.1);box-shadow:0 10px 20px #0000004d,0 0 25px #4a2b8c80}.book-cover{width:100%;height:250px;object-fit:cover;border-radius:6px;margin-bottom:15px;box-shadow:0 4px 8px #00000026}.book-title{font-size:.9rem;color:#d0d0d0;margin-top:8px;text-align:center;white-space:normal;height:50px;overflow:hidden}.contact-content{text-align:center;max-width:600px;margin:0 auto}.contact-content p{color:#e0e0e0;margin-bottom:2rem;font-size:1.1rem}.contact-links{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.contact-links a{color:#9d4edd;text-decoration:none;font-weight:500;padding:.8rem 1.5rem;border:1px solid rgba(157,78,221,.3);border-radius:25px;transition:all .3s ease}.contact-links a:hover{color:#fff;background:#9d4edd1a;transform:translateY(-2px)}.nav-menu{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#1a1a2e99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem;z-index:1000;border:1px solid rgba(255,255,255,.1);border-radius:50px;height:auto;display:flex;align-items:center;box-shadow:0 4px 12px #0000001a}.nav-container{display:flex;justify-content:center;gap:.5rem;padding:0 .5rem}.nav-link{color:#e0e0e0;text-decoration:none;font-size:.9rem;padding:.5rem 1.2rem;border-radius:25px;transition:all .3s ease}.nav-link:hover{color:#fff;background:#9d4edd1a}.nav-link.active{color:#fff;background:#9d4edd33;border-color:#9d4edd4d}.profile-image{flex-shrink:0;width:300px;height:400px;overflow:hidden;border-radius:12px;box-shadow:0 4px 6px #0000001a}.profile-image img{width:100%;height:100%;object-fit:cover;object-position:center}.skills-slider{margin-top:2rem;background:#ffffff0d;border-radius:15px;padding:1.5rem;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.skills-categories{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap;justify-content:center}.category-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#e0e0e0;padding:.8rem 1.5rem;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:.9rem;min-width:120px}.category-btn:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.category-btn.active{background:#9d4edd33;border-color:#9d4edd4d;color:#fff;box-shadow:0 4px 12px #9d4edd33}.skills-display{animation:fadeIn .3s ease}.skills-display h3{color:#9d4edd;margin-bottom:1.5rem;font-size:1.4rem;text-align:center}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;padding:.5rem}.skill-item{background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1);padding:1rem;border-radius:12px;text-align:center;font-weight:500;color:#fff;transition:all .3s ease;position:relative;overflow:hidden}.skill-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent,rgba(157,78,221,.1),transparent);transform:translate(-100%);transition:transform .6s ease}.skill-item:hover{transform:translateY(-2px);background:#9d4edd1a;box-shadow:0 4px 12px #0003;border-color:#9d4edd33}.skill-item:hover:before{transform:translate(100%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes textGlow{0%,to{text-shadow:0 0 30px rgba(161,196,253,.3)}50%{text-shadow:0 0 50px rgba(161,196,253,.5)}}@keyframes lineGlow{0%,to{opacity:.5;width:100px}50%{opacity:1;width:150px}}@keyframes circleRippleFade{0%{transform:translate3d(-50%,-50%,0) scale(.2);opacity:0;box-shadow:0 0 20px #add8e61a}25%{transform:translate3d(-50%,-50%,0) scale(2);opacity:.3;box-shadow:0 0 30px #add8e633}50%{transform:translate3d(-50%,-50%,0) scale(4);opacity:.2;box-shadow:0 0 40px #add8e626}75%{transform:translate3d(-50%,-50%,0) scale(5.5);opacity:.1;box-shadow:0 0 50px #add8e614}to{transform:translate3d(-50%,-50%,0) scale(6.5);opacity:0;box-shadow:0 0 60px #add8e605}}.intro-section{display:flex;justify-content:center;align-items:center;min-height:100vh;text-align:center;position:relative;z-index:2}.intro-text{color:#fff;padding:2rem 3rem;border-radius:15px;position:relative;z-index:1}.intro-text:before,.intro-text:after{content:"";position:absolute;top:50%;left:50%;width:100px;height:100px;border-radius:50%;z-index:-1;opacity:0;transform:translate3d(-50%,-50%,0) scale(.1);animation:circleRippleFade 4s infinite ease-out;will-change:transform,opacity;backface-visibility:hidden;perspective:1000px}.intro-text:after{animation-delay:2s}.dynamic-text{font-size:5.5rem;font-weight:800;background:linear-gradient(45deg,#fff,#a1c4fd);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 30px rgba(161,196,253,.3);animation:textGlow 3s ease-in-out infinite;letter-spacing:-1px;margin:0;padding:0;line-height:1.2;position:relative}.intro-subtitle{font-size:1.5rem;color:#e0e0e0;margin-top:.5rem;animation:fadeInUp 1s ease-out .5s backwards}.dynamic-text:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,transparent,#a1c4fd,transparent);border-radius:2px;animation:lineGlow 3s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}@keyframes carousel-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.work-carousel{display:flex;flex-direction:column;align-items:center;position:relative;padding:2rem 0}.work-item-card{background:#28284680;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:15px;border:1px solid rgba(255,255,255,.15);padding:1.5rem;margin-bottom:20px;width:80%;max-width:700px;box-shadow:0 4px 15px #0003;color:#e0e0e0;transition:transform .3s ease-out,box-shadow .3s ease-out,background-color .3s ease-out;text-align:left;cursor:default;height:500px;display:flex;flex-direction:column}.work-item-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 12px 30px #0000004d;background:#323250b3}.work-item-image-container{width:100%;max-height:300px;overflow:hidden;border-radius:10px;margin-bottom:1rem;flex-shrink:0}.work-item-image{width:100%;height:100%;object-fit:cover}.work-item-content{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.work-item-description-scrollable{flex-grow:1;overflow-y:auto;margin-bottom:1rem;padding-right:10px}.work-item-description-scrollable::-webkit-scrollbar{width:8px}.work-item-description-scrollable::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.work-item-description-scrollable::-webkit-scrollbar-thumb{background:#9d4edd80;border-radius:4px}.work-item-description-scrollable::-webkit-scrollbar-thumb:hover{background:#9d4eddcc}.work-item-content h3{font-size:1.8rem;color:#fff;margin-bottom:.75rem;flex-shrink:0}.work-item-content p{font-size:1rem;line-height:1.6;margin-bottom:1rem}.work-item-content p:last-child{margin-bottom:0}.work-item-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto;flex-shrink:0}.work-item-tag{background-color:#9d4edd4d;color:#e0cffc;padding:.3rem .7rem;border-radius:20px;font-size:.85rem;border:1px solid rgba(157,78,221,.5)}.work-carousel-controls{display:flex;justify-content:center;gap:15px;margin-top:1rem}.work-carousel-controls button{background-color:#5a189a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:10px 25px;border-radius:8px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;font-weight:700}.work-carousel-controls button:hover{background-color:#7b2cbf;transform:translateY(-2px)}.work-carousel-controls button:active{transform:scale(.95)}.qualification-item{background:#2d1b6966;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 4px 15px #0003;transition:all .3s ease;text-align:left;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.qualification-item:hover{transform:translateY(-5px);box-shadow:0 6px 20px #0000004d}.qualification-main-info,.qualification-side-details{flex:1}.qualification-item h4{color:#c0a0e0;margin-top:0;margin-bottom:4px;font-size:1.2rem}.qualification-item p{color:silver;font-size:1rem;line-height:1.5;margin-top:0;margin-bottom:0}.qualification-item p.university-name{margin-top:0;margin-bottom:0;color:#b0b0b0}.qualification-item p.graduation-date,.qualification-item p.honours-status{margin-bottom:8px}@media (max-width: 768px){.about-content{flex-direction:column;text-align:center}.contact-links{flex-direction:column;gap:1rem}.section{padding:1.5rem}.book-item{width:150px;margin:0 10px;transform:rotateY(20deg) translateZ(30px);padding:15px}.book-item:hover{transform:rotateY(0) translateZ(50px) scale(1.08)}.book-cover{height:200px}.skills-categories{justify-content:center}.category-btn{font-size:.8rem;padding:.4rem .8rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.dynamic-text{font-size:3.5rem}.intro-subtitle{font-size:1.5rem}.intro-text:before,.intro-text:after{animation-duration:3s}.qualification-item{flex-direction:column;align-items:stretch}.qualification-side-details{border-left:none;padding-left:0;margin-top:15px}}