.header{position:fixed;top:0;width:100%;z-index:100;padding:1rem 0;display:flex;justify-content:center;transition:top .3s ease}.header.hide{top:-100px}.header.show{top:0}.nav-container{background-color:#6464644d;border-radius:2rem;padding:.75rem 2rem;display:flex;align-items:center;justify-content:space-between;width:90%;max-width:800px;flex-wrap:wrap;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo{font-weight:500;font-size:1rem;color:#fff}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:#fff;text-decoration:none;font-size:1rem;transition:color .2s ease}.nav-links a:hover{color:#ccc}@media (max-width: 500px){.nav-container{flex-direction:column;align-items:center;text-align:center}.nav-links{flex-direction:column;gap:.75rem}}.footer{background:linear-gradient(135deg,#2e2e2e,#1a1a1a);border-top:2px solid #6b5bfa;padding:5.5rem 1.5rem;border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;color:#fff}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem;max-width:1200px;margin:0 auto}.footer-col{flex:1;padding:0 1rem}.footer-col+.footer-col{border-left:1px solid rgba(255,255,255,.1)}.footer-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:.75rem}.footer-title{font-size:1.125rem;font-weight:500}.footer-nav{list-style:none;padding:0;margin:0 0 1rem}.footer-nav li{margin-bottom:.5rem}.footer-nav a{color:#ccc;text-decoration:none;font-size:1rem;transition:color .2s ease}.footer-nav a:hover{color:#fff}.footer-cta{display:inline-block;background:#6b5bfa;color:#fff;border:none;padding:.6rem 1.2rem;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:background .2s ease}.footer-cta:hover{background:#5848c2}.social-icons{display:flex;gap:1rem;margin-top:.5rem}.social-icons img{width:24px;height:24px;filter:brightness(.75);transition:filter .2s ease,transform .2s ease}.social-icons img:hover{filter:brightness(1);transform:scale(1.1)}@media (max-width: 768px){.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-col+.footer-col{border-left:none;border-top:1px solid rgba(255,255,255,.1);padding-top:1.5rem}}.landing{position:relative;height:100vh;overflow:hidden;transition:transform 1.8s ease-in-out}.landing--hidden{transform:translateY(-100%)}.landing-video{position:absolute;top:0;left:0;min-width:100%;min-height:100%;object-fit:cover;z-index:-1}.landing-overlay{position:relative;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 0 10px black;text-align:center}.projects-section{padding:2rem 1rem;color:#fff;text-align:center}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem;max-width:1200px;margin-left:auto;margin-right:auto}.project-card{background-color:#2a2a2a;border-radius:16px;overflow:hidden;box-shadow:0 8px 20px #0000004d;transition:transform .4s ease,z-index .4s;cursor:pointer;position:relative}.project-card:hover{transform:translateY(-5px)}.project-card img{width:100%;height:200px;object-fit:cover;object-position:top}.project-card h3{margin:1rem 0 .5rem;font-size:1.3rem}.tech-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:0rem;padding:1rem}.tech-badge{background-color:#3a3a3a;padding:.4rem .8rem;font-size:.8rem;color:#fff;border-radius:20px;border:1px solid #555}.projects-section.drawer-active .projects-grid{filter:blur(2px) brightness(.4);pointer-events:none;-webkit-user-select:none;user-select:none}.drawer-full{position:fixed;top:0;right:-100%;width:90vw;height:100vh;background:#1a1a1a;color:#fff;z-index:9999;transition:right .4s ease;display:flex;flex-direction:column}.drawer-full.open{right:0}.drawer-inner{display:flex;height:100%;flex-direction:row;overflow:hidden}.drawer-text{width:43%;padding:4rem;display:flex;flex-direction:column;justify-content:center;background:#1e1e1e}.drawer-image{display:flex;align-items:center;justify-content:center;height:100%;overflow-x:auto;padding:2rem}.drawer-image img{max-width:100%;max-height:100%;height:auto;width:auto;object-fit:contain;scroll-snap-align:center;border-radius:0}.drawer-text h1{margin-bottom:1rem;font-size:2.5rem}.drawer-text p{font-size:1.1rem;line-height:1.6}.close-button{position:absolute;top:20px;right:30px;font-size:2rem;background:none;border:none;color:#fff;cursor:pointer;z-index:10000}body:has(.drawer-full.open){overflow:hidden}html,body{margin:0;padding:0;width:100%;height:100%}.aboutme-page{background-color:#2b2b2b;color:#fff;font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:center;padding:4rem 1rem;min-height:77vh}.hero-inner{display:flex;flex-direction:column;align-items:center;max-width:1000px;width:100%;gap:2rem}@media (min-width: 768px){.hero-inner{flex-direction:row;align-items:flex-start}}.hero-image{width:100%;max-width:300px;height:auto;border-radius:4px}.hero-text{max-width:600px;text-align:left}.hero-text .subtitle{font-size:1rem;color:#ccc;margin-bottom:.5rem}.hero-text h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.hero-text p{font-size:1rem;line-height:1.6;margin-bottom:2rem;color:#e0e0e0}.cta{padding:1rem 2.5rem;background-color:#fff;color:#000;font-size:1.1rem;border:none;border-radius:2px;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease}.cta:hover{background-color:#f0f0f0;transform:translateY(-3px);box-shadow:0 4px 12px #fff3}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes popOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}.video-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;opacity:0;display:flex;justify-content:center;align-items:center;animation:fadeIn .5s ease-in-out forwards}.video-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.bg-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-filter{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;animation:fadeIn .5s ease-in-out forwards .1s}.overlay-content{position:relative;width:90vw;max-width:800px;padding:2rem 3rem;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;text-align:center;color:#fff;opacity:0;animation:popIn .4s ease-out forwards .2s;z-index:1}.overlay-content h2{margin-top:0;font-size:2rem}.close-btn{position:absolute;top:1rem;right:1rem;font-size:2rem;color:#fff;background:none;border:none;cursor:pointer;opacity:0;animation:fadeIn .3s ease-in-out forwards .6s;z-index:2}.video-overlay.hide{animation:fadeOut .6s cubic-bezier(.4,0,.2,1) forwards}.video-filter.hide{animation:fadeOut .5s cubic-bezier(.4,0,.2,1) forwards .05s}.overlay-content.hide{animation:popOut .4s cubic-bezier(.4,0,.2,1) forwards .1s}.close-btn.hide{animation:fadeOut .3s cubic-bezier(.4,0,.2,1) forwards .2s}.timeline-section{padding:2rem 1rem;max-width:800px;margin:0 auto;font-family:Inter,sans-serif}.tabs{display:flex;justify-content:center;margin-bottom:1.5rem;gap:6.3rem}.tab{flex:1;padding:.75rem;background:#ddd;border:none;cursor:pointer;font-size:1rem;transition:background .3s}.tab.active{background:#888;color:#fff}.timeline-wrapper{display:flex}.timeline-dates{display:flex;flex-direction:column;border:2px solid #000;padding:1rem;min-width:120px}.timeline-date{position:relative;padding:.5rem 0}.timeline-date+.timeline-date{margin-top:2rem}.tick{position:absolute;right:-16px;top:50%;transform:translateY(-50%);width:2px;height:24px;background:#000}.timeline-contents{flex:1;padding-left:2rem}.timeline-content+.timeline-content{margin-top:2rem}.timeline-content h3{margin:0 0 .25rem}.timeline-content strong{display:block;margin-bottom:.5rem}.timeline-content p{margin:.25rem 0;color:#444}@media (max-width: 600px){.timeline-wrapper{flex-direction:column}.timeline-dates{border:none;border-bottom:2px solid #000;padding-bottom:1rem;margin-bottom:1rem}.timeline-date+.timeline-date{margin-top:1rem}.tick{display:none}.timeline-contents{padding-left:0}}.skills-section{padding:4rem 2rem;background:#fff;color:#1a1a1a;text-align:center}.skills-heading{font-size:2.5rem;margin-bottom:2rem;font-weight:600}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.skill-card{background:#2a2a2a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:2rem 1.5rem;box-shadow:0 8px 24px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.skill-card:hover{transform:scale(1.03);box-shadow:0 12px 32px #00000026}.skill-icon{width:60px;height:60px;margin:0 auto 1rem}.skill-icon img{width:100%;height:100%;object-fit:contain}.skill-title{font-size:1.25rem;margin:.5rem 0;color:#fff;font-weight:500}.skill-level{font-size:.9rem;color:#dbdbdb;margin-bottom:1rem}.progress-bar-container{width:100%;height:8px;background:#0000001a;border-radius:4px;overflow:hidden}.progress-bar{height:100%;background:#6b5bfa;border-radius:4px 0 0 4px;transition:width .5s ease}