.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-navbar);padding:var(--spacing-md)}.nav-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.nav-brand{color:var(--color-white);font-weight:500;}.nav-links{display:flex;gap:var(--spacing-lg)}.nav-link{color:var(--color-white);text-decoration:none;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);transition:all var(--transition-normal);font-weight:500}.nav-link:hover{background-color:rgb(255 255 255 / .1)}.nav-link.active{background-color:var(--color-white);color:var(--color-black)}.hero-section{min-height:100vh;background-color:var(--color-black);display:flex;align-items:center;justify-content:flex-start;padding-left:var(--spacing-3xl)}.hero-content{text-align:left}.hero-title{color:var(--color-white);font-size:var(--font-size-8xl);font-weight:700;line-height:1.1}.about-section{min-height:100vh;background-color:var(--color-black);display:flex;align-items:center;justify-content:flex-start;padding:var(--spacing-3xl)}.about-container{max-width:1000px;padding-top:var(--spacing-2xl)}.section-title{color:var(--color-white);font-size:var(--font-size-4xl);font-weight:700;margin-bottom:var(--spacing-sm)}.about-text{display:flex;flex-direction:column;gap:var(--spacing-sm)}.about-text p{color:var(--color-white);font-size:var(--font-size-xl);line-height:1.7;margin-bottom:var(--spacing-md)}.expertise-section{min-height:100vh;background-color:var(--color-black);display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-md);position:relative;overflow:hidden}.expertise-video-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.expertise-video-background video{width:100%;height:100%;object-fit:cover;opacity:1}.expertise-container{max-width:1400px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:0 var(--spacing-xl)}.expertise-section .section-title{padding-left:0}.expertise-subtitle{color:var(--color-gray-400);font-size:var(--font-size-sm);font-style:italic;margin-bottom:var(--spacing-lg)}.expertise-content-wrapper{display:flex;gap:var(--spacing-xl);align-items:center;margin-top:var(--spacing-xl);position:relative;width:100%}.keyboard-wrapper{flex-shrink:0;width:640px;height:480px;position:relative;z-index:2}.keyboard-wrapper iframe{width:100%;height:100%;border:none;border-radius:20px;display:block;box-shadow:0 8px 32px rgb(0 0 0 / .2)}.expertise-details-panel{position:absolute;left:820px;top:50%;background-color:rgb(22 29 47 / .5);backdrop-filter:blur(10px);padding:var(--spacing-xl);border-radius:var(--radius-2xl);border:1px solid rgb(74 144 226 / .4);box-shadow:0 0 20px rgb(74 144 226 / .2);width:480px;min-height:260px;opacity:0;transform:translate(-50px,-50%);transition:all var(--transition-normal);pointer-events:none;z-index:3}.expertise-details-panel.active{opacity:1;transform:translate(0,-50%);pointer-events:auto}.details-title{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--spacing-lg)}.details-description{font-size:var(--font-size-base);line-height:1.6;color:var(--color-gray-300)}.projects-section{min-height:100vh;background-color:var(--color-black);display:flex;flex-direction:column;justify-content:center;padding:0 var(--spacing-3xl)}.projects-section .section-title{margin-bottom:var(--spacing-xl);padding-left:0%}.projects-container{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg)}.project-carousel{display:flex;gap:var(--spacing-lg);transition:transform var(--transition-slow);margin-left:0%;justify-content:center}.project-card{background-color:var(--color-gray-200);border-radius:var(--radius-3xl);width:320px;height:400px;flex-shrink:0;transition:transform var(--transition-normal);overflow:hidden;position:relative;cursor:pointer}.project-card:hover{transform:scale(1.05)}.project-image{width:100%;height:100%;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.project-card:hover .project-image img{transform:scale(1.1)}.project-content{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgb(0 0 0 / .9),rgb(0 0 0 / .7),transparent);color:var(--color-white);padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);transform:translateY(100%);transition:transform var(--transition-normal);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center}.project-card:hover .project-content{transform:translateY(0)}.project-title{color:var(--color-white);font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-xs);opacity:0;transform:translateY(20px);transition:all var(--transition-normal) 0.1s}.project-description{color:var(--color-gray-300);font-size:var(--font-size-sm);opacity:0;transform:translateY(20px);transition:all var(--transition-normal) 0.2s}.project-card:hover .project-title,.project-card:hover .project-description{opacity:1;transform:translateY(0)}.education-section{min-height:100vh;background-color:var(--color-black);display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-md)}.education-container{max-width:1000px;margin:0 auto}.education-card{background:linear-gradient(to right,#0B0A0A,#383737);border-radius:var(--radius-3xl);padding:var(--spacing-xl);text-align:center;border:1px solid #605f5f}.education-card .section-title{margin-bottom:var(--spacing-xl)}.education-text{color:var(--color-white);font-size:var(--font-size-xl);line-height:1.7}.education-link{color:var(--color-white);text-decoration:none;transition:color var(--transition-normal);cursor:pointer}.education-link:hover{color:#007bff}.core-values-section{min-height:100vh;background-color:var(--color-black);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 var(--spacing-md)}.core-values-section .section-title{margin-bottom:var(--spacing-xl);text-align:center}.core-values-container{width:100%;padding:0%}.core-values-card{width:100%;background-color:var(--color-white);padding:var(--spacing-3xl);text-align:center}.core-values-text{color:var(--color-black);font-size:var(--font-size-8xl);font-weight:700}.contact-section{min-height:100vh;background-color:var(--color-black);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 var(--spacing-md);position:relative}.contact-content{text-align:center;margin-bottom:var(--spacing-md)}.contact-header{margin-bottom:var(--spacing-xl)}.contact-title{color:var(--color-white);font-size:var(--font-size-7xl);font-weight:700;margin-bottom:var(--spacing-sm)}.contact-subtitle{color:var(--color-gray-400);font-size:var(--font-size-xl);max-width:600px;margin:0 auto;line-height:1.6}.contact-email{margin-bottom:var(--spacing-sm);position:relative;display:inline-block}.email-link-badge{background-color:var(--color-gray-200);border-radius:var(--radius-full);padding:var(--spacing-sm) var(--spacing-lg);display:inline-block;color:var(--color-black);font-size:var(--font-size-lg);font-weight:500;text-decoration:none;transition:background-color var(--transition-normal)}.email-link-badge:hover{background-color:#dcdcdc}.copy-feedback-message{position:absolute;top:-35px;left:50%;transform:translateX(-50%);background-color:#28a745;color:var(--color-white);padding:5px 12px;border-radius:var(--radius-lg);font-size:var(--font-size-sm);opacity:0;transition:all var(--transition-normal);pointer-events:none}.copy-feedback-message.active{opacity:1;top:-40px}.footer{position:absolute;bottom:0;left:0;right:0;border-top:1px solid var(--color-gray-800)}.footer-content{max-width:1400px;margin:0 auto;padding:var(--spacing-lg) var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.footer-copyright{color:var(--color-gray-400);font-size:var(--font-size-sm)}.footer-links{display:flex;gap:var(--spacing-lg)}.footer-link{color:var(--color-gray-400);text-decoration:none;transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-white)}@media (max-width:768px){.nav-links{gap:var(--spacing-sm)}.nav-link{padding:var(--spacing-xs);font-size:var(--font-size-sm)}.about-section{padding:var(--spacing-xl)}.about-container{padding-top:var(--spacing-xl)}.section-title{margin-bottom:var(--spacing-xl)}.about-text{gap:var(--spacing-lg)}.projects-container{flex-direction:column;gap:var(--spacing-md)}.project-carousel{overflow-x:auto;scroll-snap-type:x mandatory}.project-card{scroll-snap-align:start;width:280px;height:350px}.footer-content{flex-direction:column;gap:var(--spacing-sm);text-align:center}}@media (max-width:480px){.hero-title{font-size:var(--font-size-8xl)}.section-title{font-size:var(--font-size-5xl)}.about-section{padding:var(--spacing-lg)}.about-container{padding-top:var(--spacing-lg)}.section-title{margin-bottom:var(--spacing-lg)}.about-text{gap:var(--spacing-md)}.contact-title{font-size:var(--font-size-6xl)}.core-values-text{font-size:var(--font-size-5xl)}.education-text{font-size:var(--font-size-lg)}}.floating-image{position:absolute;top:20px;left:300px;z-index:10;pointer-events:none}.floating-image img{width:1800px;height:auto;display:block}.character-image{top:50px;left:550px}.blue-gradient-1{position:absolute;top:-420px;left:780px;z-index:10;pointer-events:none}.blue-gradient-1 img{width:1400px;opacity:.2}body{font-family:'Poppins',sans-serif;line-height:1.6;color:var(--color-white);background-color:var(--color-black);scroll-behavior:smooth;overflow-x:hidden}.code-icon-image{position:absolute;top:120px;left:1000px;z-index:5;pointer-events:none;rotate:-20deg}.code-icon-image img{width:150px;opacity:.8}.html-icon-image{position:absolute;top:400px;left:1250px;z-index:5;pointer-events:none;rotate:10deg}.html-icon-image img{width:100px;opacity:.8}.cube-image{position:absolute;top:400px;left:850px;z-index:5;pointer-events:none}.cube-image img{width:150px;opacity:.8}.project-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;align-items:flex-start;justify-content:center;padding-top:5vh}.project-modal.active{display:flex}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgb(0 0 0 / .7);backdrop-filter:blur(5px);z-index:-1}.modal-content{background-color:var(--color-black);border-radius:var(--radius-3xl);width:80%;max-width:1200px;max-height:80vh;height:80vh;overflow:hidden;position:relative;border:1px solid var(--color-gray-800);animation:modalSlideIn 0.3s ease-out}.modal-content.closing{animation:modalSlideOut 0.3s ease-in}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalSlideOut{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-50px) scale(.9)}}.modal-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-lg);background:none;border:none;color:var(--color-white);font-size:2rem;cursor:pointer;z-index:10;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-normal)}.modal-close:hover{background-color:rgb(255 255 255 / .1)}.modal-body{display:flex;height:100%;max-height:100%}.modal-image{flex:1;max-width:60%;overflow:hidden;flex-shrink:0}.modal-image img{width:100%;height:100%;object-fit:cover}.modal-details{flex:1;padding:var(--spacing-3xl);display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-xl);overflow-y:auto;max-height:100%}.modal-details::-webkit-scrollbar{width:6px}.modal-details::-webkit-scrollbar-track{background:rgb(255 255 255 / .1);border-radius:3px}.modal-details::-webkit-scrollbar-thumb{background:rgb(255 255 255 / .3);border-radius:3px}.modal-details::-webkit-scrollbar-thumb:hover{background:rgb(255 255 255 / .5)}.modal-title{color:var(--color-white);font-size:var(--font-size-4xl);font-weight:700;margin:0;line-height:1.2}.modal-description{color:var(--color-gray-300);font-size:var(--font-size-lg);line-height:1.7;margin:0;text-align:justify;hyphens:auto;word-wrap:break-word;max-width:100%}.modal-tech-stack h3{color:var(--color-white);font-size:var(--font-size-lg);margin-bottom:var(--spacing-md)}.tech-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tech-tag{background-color:var(--color-gray-800);color:var(--color-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-sm);border:1px solid var(--color-gray-700)}.modal-links{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.modal-link{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);text-decoration:none;font-weight:500;transition:all var(--transition-normal);border:1px solid}.live-link{background-color:var(--color-white);color:var(--color-black);border-color:var(--color-white)}.live-link:hover{background-color:#fff0;color:var(--color-white)}.github-link{background-color:#fff0;color:var(--color-white);border-color:var(--color-gray-600)}.github-link:hover{background-color:var(--color-white);color:var(--color-black);border-color:var(--color-white)}@media (max-width:768px){.modal-content{width:95%;max-height:90vh;height:90vh}.modal-body{flex-direction:column;height:100%}.modal-image{max-width:100%;height:200px;flex-shrink:0}.modal-details{padding:var(--spacing-xl);flex:1;overflow-y:auto}.modal-title{font-size:var(--font-size-2xl)}}