:root{--bg: #0a0a0a;--text: #f5f5f5;--secondary-text: #949494;--border: #1f1f1f}body{background-color:var(--bg);color:var(--text);font-family:Inter,sans-serif}.hero-content{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px 0}.hero-content img{width:200px;height:200px;border-radius:50%;margin-bottom:5px;object-position:center 30%;object-fit:cover;filter:grayscale(20%) contrast(110%) brightness(100%);transition:.3s ease}.hero-content img:hover{box-shadow:0 0 30px #fff3;transform:scale(1.02)}.hero-content h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:300;margin-bottom:0;line-height:1.1;font-family:Playfair Display,serif}@media(max-width:500px){.hero-content h1{line-height:1}}.hero-content p{font-size:clamp(1.2rem,2vw,1.3rem);color:var(--secondary-text);max-width:800px;margin:20px auto;line-height:1}.hero-buttons{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.hero-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.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{width:100%;max-width:100%;border:1px solid #333;border-radius:12px;overflow:hidden;transition:.3s ease;background-color:#0d0d0d}.project-card:hover{transform:translateY(-6px);border-color:#fff;box-shadow:0 10px 30px #ffffff2f}.project-image img{width:100%;height:180px;object-fit:cover;object-position:top;transition:1s ease}.project-image img:hover{transform:scale(1.02)}.project-content{padding:15px}.project-content h3{margin-bottom:8px;display:flex;align-items:flex-start;font-weight:400}.project-content p{font-size:.9rem;color:#aaa;margin-bottom:12px;display:flex;align-items:flex-start}.tech-stack{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:15px}.tech-stack span{font-size:.7rem;border:1px solid #444;padding:4px 7px;border-radius:5px}.project-buttons{display:flex;gap:10px}.project-buttons a{width:3rem;text-align:center;padding:6px 0;font-size:.85rem;border:1px solid #444;border-radius:6px;text-decoration:none;transition:.3s;color:var(--text)}.project-buttons a:nth-child(2){width:4rem}.project-buttons a:hover{border-color:#fff;background-color:#fff;color:#000}.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;transition:all .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;transform:translateY(-3px);scale:1.1;box-shadow:0 10px 30px #ffffff4e}.skill-box{opacity:0;transform:translateY(10px);animation:fadeUp .5s ease forwards}.skill-box:nth-child(1){animation-delay:.05s}.skill-box:nth-child(2){animation-delay:.1s}.skill-box:nth-child(3){animation-delay:.15s}.skill-box:nth-child(4){animation-delay:.2s}.skill-box:nth-child(5){animation-delay:.25s}.skill-box:nth-child(6){animation-delay:.3s}.skill-box:nth-child(7){animation-delay:.35s}.skill-box:nth-child(8){animation-delay:.4s}.skill-box:nth-child(9){animation-delay:.45s}.skill-box:nth-child(10){animation-delay:.5s}.skill-box:nth-child(11){animation-delay:.55s}.skill-box:nth-child(12){animation-delay:.6s}.skill-box:nth-child(13){animation-delay:.65s}.skill-box:nth-child(14){animation-delay:.7s}.skill-box:nth-child(15){animation-delay:.75s}.skill-box:nth-child(16){animation-delay:.8s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.footer{padding:80px 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 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}.btn:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(255,255,255,.25),transparent 60%);opacity:.3;pointer-events:none;border-radius:inherit}.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)}.btn:hover{border:1px solid rgba(255,255,255,.488);scale:1.02;transform:translateY(-2px)}.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:44px;padding:0 18px;display:flex;align-items:center;justify-content:center;gap:18px;border-radius:999px;background:#ffffff0f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 0 .5px #fff3,0 8px 30px #0006;color:#fff;position:relative}.nav-left h3{display:flex;align-items:center;height:100%;font-size:16px;font-weight:600;cursor:pointer}.nav-center{display:flex;align-items:center;gap:20px}.nav-center a{display:flex;align-items:center;height:100%;position:relative;text-decoration:none;color:#ccc;font-size:14px;transition:color .3s ease}.nav-center .on{color:#fff}.nav-center a:after{content:"";position:absolute;left:0;bottom:-4px;width:0%;height:1px;background:#fff;transition:width .3s ease}.nav-center a:hover{color:#fff;scale:1.02}.nav-center a:hover:after{width:100%}.navbar .resume-btn{height:28px;padding:0 14px;display:flex;align-items:center;justify-content:center;border:none;border-radius:999px;background:#ffffff26;color:#fff;font-size:13px;cursor:pointer;transition:.3s}.navbar .resume-btn:hover{background:#ffffff40}.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:470px){.hamburger{display:block}.nav-center{position:absolute;top:50px;right:10px;left:1.2rem;display:flex;flex-direction:column;align-items:flex-start;width:100px;padding:10px 0;background:#1e1e1e;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);border:1px solid rgba(255,255,255,.12);box-shadow:inset 0 0 .5px #ffffff3d,0 10px 35px #090909bb;border-radius:14px;opacity:0;transform:translateY(-10px) scale(.95);pointer-events:none;transition:all .25s ease}.nav-center.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;padding:0;gap:0px}.nav-center a{width:auto;padding:10px 16px;font-size:13.5px;transition:all .2s ease;position:relative;display:block}.nav-center a:after{content:"";position:absolute;left:50px;bottom:5px;width:calc(100% - 32px);height:1px;background:#fff;transform:translate(-50%) scaleX(0);transform-origin:left;transition:transform .3s ease}.nav-center .project-nav:after{left:58px}.nav-center .ver-nav:hover:after{transform:translate(-50%) scaleX(.55)}.nav-center a:hover:after{transform:translate(-50%) scaleX(.6)}.nav-center .resume-btn{width:fit-content;margin:8px auto;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}.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:1rem;line-height:1.8;color:#444;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}.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}}