:root{--bg: #030303;--text: #ffffff;--secondary-text: #a1a1aa;--border: rgba(255, 255, 255, .08);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-glow: rgba(0, 162, 255, .15);--accent-glow: 0 0 20px rgba(0, 162, 255, .15)}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:Inter,sans-serif;overflow-x:hidden;margin:0;padding:0}.bg-mesh-container{position:fixed;inset:0;z-index:-1;background:#020205;overflow:hidden;pointer-events:none}.mesh-glow{position:absolute;border-radius:50%;filter:blur(140px);opacity:.12;mix-blend-mode:screen}.mesh-1{width:700px;height:700px;background:radial-gradient(circle,#0052d4,transparent 70%);top:-200px;left:-200px;animation:float-mesh-1 25s infinite alternate ease-in-out}.mesh-2{width:600px;height:600px;background:radial-gradient(circle,#7928ca,transparent 70%);bottom:-150px;right:-100px;animation:float-mesh-2 30s infinite alternate ease-in-out}.mesh-3{width:500px;height:500px;background:radial-gradient(circle,#00dfd8,transparent 70%);top:40%;left:40%;animation:float-mesh-3 20s infinite alternate ease-in-out}@keyframes float-mesh-1{0%{transform:translate(0) scale(1)}to{transform:translate(120px,80px) scale(1.15)}}@keyframes float-mesh-2{0%{transform:translate(0) scale(1)}to{transform:translate(-100px,-90px) scale(.9)}}@keyframes float-mesh-3{0%{transform:translate(0) scale(1)}to{transform:translate(80px,-110px) scale(1.1)}}.mesh-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.007) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.007) 1px,transparent 1px);background-size:60px 60px;opacity:.95}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#020205}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px;border:2px solid #020205}::-webkit-scrollbar-thumb:hover{background:#fff3}.hero-content{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 20px}.hero-profile-img{width:200px;height:200px;border-radius:50%;margin-bottom:20px;object-position:center 30%;object-fit:cover;filter:grayscale(10%) contrast(105%) brightness(100%);border:1px solid rgba(255,255,255,.12);box-shadow:0 0 25px #00a2ff1a,inset 0 1px #fff3;animation:floatImage 6s ease-in-out infinite;transition:all .4s cubic-bezier(.25,.8,.25,1)}.hero-profile-img:hover{box-shadow:0 0 35px #00a2ff40,inset 0 1px #ffffff4d;transform:scale(1.04) translateY(-2px);filter:grayscale(0%) contrast(110%)}@keyframes floatImage{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero-content h1{font-size:clamp(2.3rem,5.5vw,4.6rem);font-weight:300;margin-bottom:0;line-height:1.25;font-family:Playfair Display,serif}@media(max-width:500px){.hero-content h1{line-height:1.15}}.typed-text-primary,.typed-text-secondary{font-family:Playfair Display,serif;font-weight:300;color:#fff}.typing-cursor{font-weight:200;font-size:clamp(2.3rem,5.5vw,4.6rem);color:#ffffffb3;animation:cursorBlink .8s infinite;margin-left:2px}.typing-cursor.hide{opacity:0;animation:none;display:none}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.hero-description{font-size:clamp(1.1rem,2vw,1.25rem);color:var(--secondary-text);max-width:800px;margin:15px auto;line-height:1.4;opacity:0;transform:translateY(15px);transition:all .8s cubic-bezier(.16,1,.3,1) .3s}.hero-description.reveal{opacity:1;transform:translateY(0)}.hero-actions-container{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;margin-top:25px;opacity:0;transform:translateY(15px);transition:all .8s cubic-bezier(.16,1,.3,1) .5s}.hero-actions-container.reveal{opacity:1;transform:translateY(0)}.hero-btn{text-decoration:none;color:#fff;font-size:.95rem;padding:10px 20px;transition:all .3s ease;background:linear-gradient(145deg,#ffffff35,#fff0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.211);border-radius:12px;box-shadow:0 6px 20px #00000040,inset 0 1px #ffffff40,inset 0 -1px #0003;overflow:hidden}.hero-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.25),transparent 60%);opacity:.5;pointer-events:none;border-radius:inherit}.hero-btn:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg)}.hero-btn:hover{border:1px solid rgba(255,255,255,.488);scale:1.02;transform:translateY(-2px)}.hero-icons{display:flex;gap:10px;margin-left:3px}.hero-icon{color:#fff;font-size:.95rem;position:relative;padding:10px 18px;cursor:pointer;transition:all .3s ease;background:linear-gradient(145deg,#fff3,#fff0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.173);border-radius:12px;box-shadow:0 6px 20px #00000040,inset 0 1px #ffffff40,inset 0 -1px #0003;overflow:hidden}.hero-icon:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.25),transparent 60%);opacity:.6;pointer-events:none;border-radius:inherit}.hero-icon:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg)}.hero-icon:hover{border:1px solid rgba(255,255,255,.488);scale:1.02;transform:translateY(-2px)}.about{padding:100px 10%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.about h2{font-family:Playfair Display,serif;font-size:2.5rem;margin-bottom:30px;font-weight:300}.about-content{max-width:800px}.about-content p{font-family:Inter,sans-serif;font-size:1.1rem;color:var(--secondary-text);line-height:1.7}.about-content a{font-family:Inter,sans-serif;font-size:1rem;color:var(--text);text-decoration:none;position:relative;cursor:pointer;opacity:.5;transition:.3s ease}.about-content a:hover{opacity:1}.know-more{display:inline-block;margin-top:15px;font-size:.9rem;color:#aaa;text-decoration:none;position:relative;cursor:pointer;transition:.3s}.know-more:hover{color:#fff}.know-more:after{content:"";position:absolute;left:0;bottom:-3px;width:0%;height:1px;background:#fff;transition:.3s ease}.know-more:hover:after{width:100%}.projects{padding:80px 10%;text-align:center;margin:0 auto}.projects h2{font-family:Playfair Display,serif;font-size:2.5rem;margin-bottom:50px;font-weight:300}.projects-container{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}@media(max-width:900px){.projects-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.projects{padding:60px 6%}.projects-container{grid-template-columns:1fr}.projects h2{font-size:2rem}}.project-card-wrapper{width:100%;max-width:100%;opacity:0;animation:cardEntrance .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes cardEntrance{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.project-card{width:100%;max-width:100%;border-radius:16px;overflow:hidden;position:relative;cursor:pointer;user-select:none;-webkit-user-select:none;background:linear-gradient(135deg,#ffffff08,#ffffff03);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px .5px #ffffff1f,0 12px 35px #0006;transition:transform .4s cubic-bezier(.25,1,.5,1),border-color .3s ease,box-shadow .3s ease,background .3s ease}.project-card:hover{border-color:#ffffff40;background:linear-gradient(135deg,#ffffff0f,#ffffff05);box-shadow:inset 0 1px 1px #ffffff40,0 15px 40px #0000008c,0 0 20px #00a2ff1a}.card-glare{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(300px circle at var(--mouse-x, 0px) var(--mouse-y, 0px),rgba(255,255,255,.06),transparent 55%);opacity:0;transition:opacity .4s ease;border-radius:inherit}.project-card:hover .card-glare{opacity:1}.project-image{position:relative;overflow:hidden;height:180px;border-bottom:1px solid rgba(255,255,255,.08)}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:20px;position:relative;z-index:3}.project-content h3{margin-bottom:8px;font-family:Outfit,Inter,sans-serif;font-size:1.2rem;font-weight:500;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.2)}.project-content p{font-size:.9rem;color:var(--secondary-text);margin-bottom:16px;line-height:1.5;text-align:left}.tech-stack{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.tech-badge{font-size:.72rem;font-weight:500;color:#ffffffd9;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px #ffffff0d;padding:4px 9px;border-radius:99px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.tech-badge:hover{background:#ffffff14;border-color:#ffffff40;transform:translateY(-1px)}.project-buttons{display:flex;gap:12px}.project-buttons a{flex:1;text-align:center;padding:8px 0;font-size:.85rem;font-weight:500;text-decoration:none;cursor:pointer;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#fff;box-shadow:inset 0 1px #ffffff0d,0 4px 10px #00000026;transition:all .3s cubic-bezier(.25,.8,.25,1)}.project-buttons .btn-github{background:#ffffff1a}.project-buttons a:hover{background:#fff;color:#000;border-color:#fff;box-shadow:0 8px 20px #ffffff40,0 0 10px #ffffff1a;transform:translateY(-2px)}.skills{padding:80px 10%;text-align:center}.skills h2{font-size:2.5rem;margin-bottom:50px;font-weight:300;font-family:Playfair Display,serif}.skills-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;max-width:800px;margin:auto}.skill-box{position:relative;padding:10px 18px;font-size:.9rem;cursor:default;user-select:none;-webkit-user-select:none;transition:transform .4s cubic-bezier(.25,1,.5,1),border-color .25s ease,box-shadow .25s ease,background-color .25s ease;background:linear-gradient(145deg,#fff3,#fff0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.146);border-radius:12px;box-shadow:0 6px 20px #00000040,inset 0 1px #ffffff40,inset 0 -1px #0003;overflow:hidden}.skill-box:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.25),transparent 60%);opacity:.2;pointer-events:none;border-radius:inherit}.skill-box:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);transform:skew(-20deg)}.skill-box:hover{border-color:#fff;box-shadow:0 10px 30px #ffffff4e}.skill-box-wrapper{opacity:0;transform:translateY(10px);animation:fadeUp .5s ease forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.footer{padding:40px 10%;text-align:center}.footer-title{font-size:2.3rem;margin-bottom:15px;font-family:Playfair Display,serif;font-weight:300}.footer-subtext{color:#aaa;font-size:1rem;margin-bottom:30px}.footer-buttons{display:flex;justify-content:center;gap:12px;margin-bottom:40px}.btn{cursor:pointer;text-decoration:none;color:#fff;font-size:.95rem;padding:10px 22px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:inset 0 1px #ffffff26,0 6px 20px #0000004d,0 0 10px #00a2ff08;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.25,.8,.25,1)}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.15),transparent 60%);opacity:.3;pointer-events:none;border-radius:inherit}.btn:hover{background:#ffffff1a;border-color:#ffffff59;box-shadow:inset 0 1px #ffffff40,0 8px 25px #0006,0 0 15px #00a2ff26;transform:translateY(-2px) scale(1.03)}.footer-line{width:100%;height:1px;background:#222;margin:40px 0}.footer-links{display:flex;justify-content:center;gap:30px}.footer-links a{text-decoration:none;color:#aaa;font-size:.9rem;position:relative;transition:.3s}.footer-links a:hover{color:#fff}.footer-links a:after{content:"";position:absolute;left:0;bottom:-3px;width:0%;height:1px;background:#fff;transition:.3s}.footer-links a:hover:after{width:100%}.navbar-wrapper{position:fixed;top:20px;width:100%;display:flex;justify-content:center;z-index:1000}.navbar{height:46px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:18px;border-radius:999px;background:#0a0a0f59;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px .5px #ffffff26,0 10px 40px #00000080,0 0 20px #0096ff0d;color:#fff;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1)}.navbar:hover{border-color:#ffffff26;box-shadow:inset 0 1px 1px #ffffff40,0 12px 45px #0009,0 0 25px #0096ff1a}.nav-left .db{text-decoration:none}.db-logo{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:9px;background:#ffffff0a;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px #ffffff26,0 4px 15px #0000004d,0 0 10px #ffffff1a;font-family:Outfit,Inter,sans-serif;font-weight:700;font-size:14px;color:#fff;text-shadow:0 0 8px rgba(255,255,255,.5);transition:all .3s cubic-bezier(.25,.8,.25,1)}.db-logo:hover{transform:scale(1) translateY(-1px);background:#ffffff14;border-color:#ffffff59;box-shadow:inset 0 1px #ffffff4d,0 6px 20px #fff3,0 0 15px #ffffff26}.nav-center{display:flex;align-items:center;gap:20px;position:relative}.navbar-active-bubble{position:absolute;top:0;left:0;pointer-events:none;border-radius:999px;z-index:1;background:#ffffff14;border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px .5px #ffffff26,0 4px 12px #0003;transition:transform .35s cubic-bezier(.25,1,.5,1),width .35s cubic-bezier(.25,1,.5,1),height .35s cubic-bezier(.25,1,.5,1),opacity .25s ease}.nav-center a:not(.resume-btn){display:flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:999px;text-decoration:none;color:#ccc;font-size:13.5px;font-weight:500;border:1px solid transparent;background-color:transparent;position:relative;z-index:2;transition:color .25s ease}.nav-center a:not(.resume-btn):hover,.nav-center a:not(.resume-btn).active{color:#fff}.navbar .resume-btn{height:28px;padding:0 14px;display:flex;align-items:center;justify-content:center;border-radius:999px;text-decoration:none;background:#ffffff0f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px #ffffff1a,0 0 10px #ffffff0d;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1)}.navbar .resume-btn:hover{background:#ffffff1f;border-color:#ffffff59;transform:scale(1.04);box-shadow:inset 0 1px #fff3,0 0 15px #fff3}.hamburger{display:none;background:none;border:none;color:#fff;font-size:18px;cursor:pointer;transition:transform .3s ease}.hamburger.active{transform:rotate(90deg)}@media(max-width:768px){.hamburger{display:block}.nav-center{position:absolute;top:55px;left:50%;right:auto;width:140px;display:flex;flex-direction:column;align-items:stretch;padding:8px;background:#0f0f14d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 1px .5px #fff3,0 10px 35px #0009;border-radius:16px;opacity:0;transform:translate(-50%) translateY(-10px) scale(.95);pointer-events:none;transition:all .25s ease}.nav-center.active{opacity:1;transform:translate(-50%) translateY(0) scale(1);pointer-events:auto;display:flex;gap:4px;padding:8px}.nav-center a:not(.resume-btn){width:100%;box-sizing:border-box;padding:8px 12px;font-size:13px;display:flex;justify-content:flex-start;align-items:center;position:relative;z-index:2;background-color:transparent;border-color:transparent}.nav-center .resume-btn{width:fit-content;margin:8px auto 4px;padding:6px 12px;font-size:12px;border-radius:16px}.divider{display:none}}.nav-left,.nav-right{display:flex;align-items:center;gap:12px}.divider{width:.1rem;height:25px;background:#ffffff26}.nav-right{display:flex;align-items:center;height:100%}.theme-icon{display:flex;align-items:center;font-size:16px;cursor:pointer;opacity:.8;transition:.3s}.theme-icon:hover{opacity:1}.about-page{padding:0 10%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;background-color:#030303}.about-heading{font-size:2.5rem;font-weight:300;font-family:Playfair Display,serif;text-align:center;margin-bottom:60px}.about-container{display:flex;align-items:center;justify-content:space-between;gap:60px}.about-image{flex:1;display:flex;justify-content:center}.about-image img{width:300px;height:300px;object-fit:cover;border-radius:20px;transition:all .4s ease}.about-image img:hover{filter:grayscale(0%);transform:scale(1.04)}.about-text{flex:1;max-width:550px}.about-text p{font-size:1.05rem;line-height:1.8;color:#ffffffbf;margin-bottom:20px}@media(max-width:1024px){.about-container{gap:40px}.about-image img{width:260px;height:260px}.about-text p{font-size:.95rem}}@media(max-width:768px){.about-page{padding:60px 8%}.about-heading{font-size:2rem;margin-bottom:40px}.about-container{flex-direction:column;text-align:center;gap:30px}.about-text{order:2;max-width:100%}.about-image{order:1}.about-image img{width:220px;height:220px}.about-text p{font-size:.95rem;line-height:1.7}}@media(max-width:480px){.about-page{padding:50px 6%}.about-heading{font-size:1.8rem}.about-image img{width:180px;height:180px}.about-text p{font-size:.9rem}}.projects-page{padding:80px 10%;text-align:center;background-color:#030303}.projects-heading{font-size:2.5rem;margin-bottom:50px;font-weight:300;font-family:Playfair Display,serif}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}@media(max-width:900px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.projects-page{padding:60px 6%}.projects-grid{grid-template-columns:1fr}.projects-heading{font-size:2rem}}.page-transition-container{position:relative;width:100%;min-height:100vh}.page-content-wrapper{animation:pageContentReveal .8s cubic-bezier(.25,1,.5,1) forwards;will-change:transform,opacity,filter}@keyframes pageContentReveal{0%{opacity:0;transform:scale(.975) translateY(15px);filter:blur(10px)}30%{opacity:.1;filter:blur(8px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}.liquid-glass-overlay{position:fixed;inset:0;z-index:900;pointer-events:none;opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);animation:overlaySweep .8s cubic-bezier(.25,1,.5,1) forwards}@keyframes overlaySweep{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}30%{opacity:1;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}70%{opacity:1;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px)}to{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}}.liquid-glow{position:absolute;border-radius:50%;mix-blend-mode:screen;filter:blur(80px);opacity:0;transform:scale(.2);animation:blobSwell .8s cubic-bezier(.25,1,.5,1) forwards}.glow-1{width:40vw;height:40vw;background:radial-gradient(circle,rgba(0,150,255,.35) 0%,transparent 70%);top:10%;left:10%;animation-delay:0s}.glow-2{width:45vw;height:45vw;background:radial-gradient(circle,rgba(160,32,240,.3) 0%,transparent 70%);bottom:10%;right:10%;animation-delay:.05s}.glow-3{width:30vw;height:30vw;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);top:35%;left:45%;animation-delay:.1s}@keyframes blobSwell{0%{opacity:0;transform:scale(.2) translate(0)}35%{opacity:1;transform:scale(1.5) translate(5vw,5vh)}65%{opacity:1;transform:scale(1.4) translate(-3vw,-2vh)}to{opacity:0;transform:scale(.5) translate(-10vw,10vh)}}