.header{position:fixed;top:0;left:0;right:0;background:#0a0a0acc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--luxury-border);z-index:1000;transition:all .4s cubic-bezier(.4,0,.2,1)}.header.scrolled{background:#0a0a0af2;box-shadow:0 10px 40px #00000080;border-bottom:1px solid rgba(212,175,55,.3)}.nav{max-width:1400px;margin:0 auto;padding:1.5rem 40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.logo{font-family:Playfair Display,serif;font-size:1.8rem;font-weight:600;background:var(--luxury-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em;position:relative}.logo:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--luxury-gradient);opacity:.5}.nav-links{display:flex;list-style:none;gap:3rem;margin:0;padding:0;flex-wrap:wrap}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:30px;height:30px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;position:relative}.hamburger span{width:100%;height:2px;background:var(--luxury-gold);border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0;transform:translate(-10px)}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.nav-links a{text-decoration:none;color:var(--luxury-text);font-weight:400;font-size:.95rem;letter-spacing:.5px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;padding:.5rem 0}.nav-links a:hover{color:var(--luxury-gold)}.nav-links a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--luxury-gradient);transition:width .4s cubic-bezier(.4,0,.2,1)}.nav-links a:hover:before{width:100%}@media (max-width: 768px){.nav{padding:1rem 20px;flex-wrap:nowrap;justify-content:space-between;align-items:center}.hamburger{display:flex;order:2}.logo{font-size:1.3rem;order:1;flex:1}.logo:after{width:100%}.nav-links{position:fixed;top:70px;left:0;right:0;background:#0a0a0afa;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem 0;gap:0;width:100%;height:calc(100vh - 70px);transform:translate(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 40px #00000080;border-top:1px solid var(--luxury-border);overflow-y:auto;z-index:999}.nav-links.active{transform:translate(0)}.nav-links li{width:100%;text-align:center;border-bottom:1px solid rgba(212,175,55,.1)}.nav-links li:last-child{border-bottom:none}.nav-links a{display:block;padding:1.5rem 2rem;font-size:1rem;width:100%;text-align:center;color:var(--luxury-text);transition:all .3s ease}.nav-links a:hover{color:var(--luxury-gold);background:#d4af370d}.nav-links a:before{display:none}}@media (max-width: 480px){.nav{padding:.75rem 15px}.logo{font-size:1.1rem}.hamburger{width:26px;height:26px}.nav-links{top:60px;height:calc(100vh - 60px);padding:1.5rem 0}.nav-links a{padding:1.25rem 1.5rem;font-size:.95rem}}.about{padding:8rem 0;background:transparent;position:relative}.about:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(212,175,55,.03) 0%,transparent 70%);pointer-events:none}.about-content{display:grid;grid-template-columns:1.2fr 1fr;gap:5rem;align-items:center;position:relative;z-index:1}.about-text{font-size:1.15rem;line-height:2;color:var(--luxury-text-light);font-weight:300;letter-spacing:.3px}.about-text p{margin-bottom:2rem}.about-text strong{color:var(--luxury-gold);font-weight:500}.about-image{display:flex;justify-content:center;align-items:center;position:relative}.image-wrapper{width:380px;height:380px;position:relative;display:flex;align-items:center;justify-content:center}.profile-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid rgba(212,175,55,.3);box-shadow:var(--luxury-shadow-gold);transition:transform .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.image-wrapper:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:2px solid var(--luxury-gold);opacity:.2;animation:rotate 20s linear infinite;z-index:1}.image-wrapper:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;background:var(--luxury-gradient);opacity:.1;z-index:0}.profile-image:hover{transform:scale(1.05);border-color:#d4af3780}.image-fallback{width:100%;height:100%;border-radius:50%;background:var(--luxury-gradient);display:flex;align-items:center;justify-content:center;color:var(--luxury-dark);font-family:Playfair Display,serif;font-size:3rem;font-weight:600;border:3px solid rgba(212,175,55,.3);position:absolute;top:0;left:0;z-index:3}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 968px){.about{padding:6rem 0}.about-content{grid-template-columns:1fr;text-align:center;gap:3rem}.about-text{font-size:1rem;text-align:left}.image-wrapper{width:280px;height:280px;margin:0 auto}.image-fallback{font-size:2.5rem}}@media (max-width: 480px){.about{padding:4rem 0}.about-content{gap:2rem}.about-text{font-size:.95rem;line-height:1.8;text-align:left}.about-text p{margin-bottom:1.5rem}.image-wrapper{width:220px;height:220px}.image-fallback{font-size:2rem}}.skills{padding:8rem 0;background:var(--luxury-dark-secondary);position:relative;overflow:hidden}.skills:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,rgba(212,175,55,.02) 50%,transparent 100%);pointer-events:none}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;position:relative;z-index:1}.skill-category{background:var(--luxury-dark-tertiary);padding:3rem 2.5rem;border-radius:16px;border:1px solid var(--luxury-border);box-shadow:0 10px 40px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.skill-category:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--luxury-gradient);transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.skill-category:hover{transform:translateY(-8px);border-color:#d4af3766;box-shadow:var(--luxury-shadow-gold)}.skill-category:hover:before{transform:scaleX(1)}.skill-category h3{font-family:Playfair Display,serif;font-size:1.8rem;margin-bottom:2rem;color:var(--luxury-gold);text-align:center;font-weight:500;letter-spacing:-.01em}.skill-tags{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.skill-tag{padding:.7rem 1.5rem;background:#d4af371a;color:var(--luxury-gold);border:1px solid rgba(212,175,55,.3);border-radius:30px;font-size:.9rem;font-weight:400;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.3px}.skill-tag:hover{transform:translateY(-2px);background:#d4af3733;border-color:var(--luxury-gold);box-shadow:0 5px 20px #d4af3733}@media (max-width: 968px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}}@media (max-width: 768px){.skills{padding:6rem 0}.skills-grid{grid-template-columns:1fr;gap:2rem}.skill-category{padding:2.5rem 2rem}.skill-category h3{font-size:1.5rem}}@media (max-width: 480px){.skills{padding:4rem 0}.skills-grid{gap:1.5rem}.skill-category{padding:2rem 1.5rem}.skill-category h3{font-size:1.3rem;margin-bottom:1.5rem}.skill-tag{font-size:.85rem;padding:.6rem 1.2rem}}.projects{padding:8rem 0;background:transparent;position:relative}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem;position:relative;z-index:1}.project-card{background:var(--luxury-dark-secondary);border-radius:20px;overflow:hidden;border:1px solid var(--luxury-border);box-shadow:0 15px 50px #0006;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--luxury-gradient);transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.project-card:hover{transform:translateY(-12px);border-color:#d4af3780;box-shadow:var(--luxury-shadow-gold)}.project-card:hover:before{transform:scaleX(1)}.project-content{padding:2.5rem}.project-content h3{font-family:Playfair Display,serif;font-size:1.8rem;margin-bottom:1.2rem;color:var(--luxury-text);font-weight:500;letter-spacing:-.01em}.project-content p{color:var(--luxury-text-light);margin-bottom:2rem;line-height:1.8;font-size:.95rem;font-weight:300;letter-spacing:.2px}.project-technologies{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.tech-tag{padding:.5rem 1rem;background:#d4af3714;color:var(--luxury-gold-light);border:1px solid rgba(212,175,55,.2);border-radius:20px;font-size:.8rem;font-weight:400;letter-spacing:.3px;transition:all .3s ease}.tech-tag:hover{background:#d4af3726;border-color:#d4af3766}.project-links{display:flex;gap:1rem;justify-content:center}.project-link{padding:.9rem 2rem;background:transparent;color:var(--luxury-gold);text-decoration:none;border:1px solid var(--luxury-gold);border-radius:30px;font-weight:400;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;overflow:hidden}.project-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--luxury-gradient);transition:left .3s cubic-bezier(.4,0,.2,1);z-index:-1}.project-link:hover{color:var(--luxury-dark);border-color:var(--luxury-gold);transform:translateY(-2px);box-shadow:0 5px 20px #d4af374d}.project-link:hover:before{left:0}@media (max-width: 968px){.projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}}@media (max-width: 768px){.projects{padding:6rem 0}.projects-grid{grid-template-columns:1fr;gap:2rem}.project-content{padding:2rem}.project-content h3{font-size:1.5rem}.project-content p{font-size:.9rem}}@media (max-width: 480px){.projects{padding:4rem 0}.projects-grid{gap:1.5rem}.project-content{padding:1.5rem}.project-content h3{font-size:1.3rem;margin-bottom:1rem}.project-content p{font-size:.85rem;margin-bottom:1.5rem}.project-link{padding:.75rem 1.5rem;font-size:.8rem}.tech-tag{font-size:.75rem;padding:.4rem .8rem}}.web-portfolio{padding:8rem 0;background:var(--luxury-dark-secondary);position:relative}.web-portfolio:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,rgba(212,175,55,.02) 50%,transparent 100%);pointer-events:none}.web-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem;position:relative;z-index:1}.web-project-card{background:var(--luxury-dark-tertiary);border-radius:20px;overflow:hidden;border:1px solid var(--luxury-border);box-shadow:0 15px 50px #0006;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.web-project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--luxury-gradient);transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.web-project-card:hover{transform:translateY(-12px);border-color:#d4af3780;box-shadow:var(--luxury-shadow-gold)}.web-project-card:hover:before{transform:scaleX(1)}.web-project-content{padding:2.5rem}.web-project-content h3{font-family:Playfair Display,serif;font-size:1.8rem;margin-bottom:1.2rem;color:var(--luxury-text);font-weight:500;letter-spacing:-.01em}.web-project-content p{color:var(--luxury-text-light);margin-bottom:2rem;line-height:1.8;font-size:.95rem;font-weight:300;letter-spacing:.2px}.web-project-technologies{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.web-tech-tag{padding:.5rem 1rem;background:#d4af3714;color:var(--luxury-gold-light);border:1px solid rgba(212,175,55,.2);border-radius:20px;font-size:.8rem;font-weight:400;letter-spacing:.3px;transition:all .3s ease}.web-tech-tag:hover{background:#d4af3726;border-color:#d4af3766}.web-project-links{display:flex;gap:1rem;justify-content:center}.web-project-link{padding:.9rem 2rem;background:transparent;color:var(--luxury-gold);text-decoration:none;border:1px solid var(--luxury-gold);border-radius:30px;font-weight:400;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative;overflow:hidden}.web-project-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--luxury-gradient);transition:left .3s cubic-bezier(.4,0,.2,1);z-index:-1}.web-project-link:hover{color:var(--luxury-dark);border-color:var(--luxury-gold);transform:translateY(-2px);box-shadow:0 5px 20px #d4af374d}.web-project-link:hover:before{left:0}@media (max-width: 968px){.web-projects-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}}@media (max-width: 768px){.web-portfolio{padding:6rem 0}.web-projects-grid{grid-template-columns:1fr;gap:2rem}.web-project-content{padding:2rem}.web-project-content h3{font-size:1.5rem}.web-project-content p{font-size:.9rem}}@media (max-width: 480px){.web-portfolio{padding:4rem 0}.web-projects-grid{gap:1.5rem}.web-project-content{padding:1.5rem}.web-project-content h3{font-size:1.3rem;margin-bottom:1rem}.web-project-content p{font-size:.85rem;margin-bottom:1.5rem}.web-project-link{padding:.75rem 1.5rem;font-size:.8rem}.web-tech-tag{font-size:.75rem;padding:.4rem .8rem}}.contact{padding:8rem 0 3rem;background:var(--luxury-dark-secondary);position:relative}.contact:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 0%,rgba(212,175,55,.05) 0%,transparent 50%);pointer-events:none}.contact-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.contact-description{font-size:1.2rem;color:var(--luxury-text-light);margin-bottom:4rem;line-height:2;font-weight:300;letter-spacing:.3px}.contact-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:900px;margin:0 auto}.contact-link{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 2rem;background:var(--luxury-dark-tertiary);border:1px solid var(--luxury-border);border-radius:16px;text-decoration:none;color:var(--luxury-text);box-shadow:0 10px 40px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.contact-link:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--luxury-gradient);transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.contact-link:hover{transform:translateY(-8px);border-color:#d4af3780;box-shadow:var(--luxury-shadow-gold)}.contact-link:hover:before{transform:scaleX(1)}.contact-icon{font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(212,175,55,.3));transition:transform .3s ease}.contact-link:hover .contact-icon{transform:scale(1.1)}.contact-link span:last-child{font-weight:400;font-size:1rem;letter-spacing:.5px;text-transform:uppercase;color:var(--luxury-gold-light);transition:color .3s ease}.contact-link:hover span:last-child{color:var(--luxury-gold)}.footer{margin-top:6rem;padding-top:3rem;border-top:1px solid var(--luxury-border);text-align:center;color:var(--luxury-text-muted);font-size:.9rem;letter-spacing:.5px;position:relative;z-index:1}.footer p{font-weight:300}@media (max-width: 968px){.contact-links{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}}@media (max-width: 768px){.contact{padding:6rem 0 2rem}.contact-links{grid-template-columns:repeat(2,1fr);gap:1.5rem}.contact-link{padding:2rem 1.5rem}.contact-description{font-size:1rem;margin-bottom:3rem}.contact-icon{font-size:2rem}}@media (max-width: 480px){.contact{padding:4rem 0 2rem}.contact-links{grid-template-columns:1fr;gap:1.25rem}.contact-link{padding:1.75rem 1.25rem}.contact-description{font-size:.9rem;margin-bottom:2.5rem;line-height:1.8}.contact-icon{font-size:1.75rem}.contact-link span:last-child{font-size:.9rem}.footer{margin-top:4rem;padding-top:2rem;font-size:.8rem}}.App{min-height:100vh;position:relative;overflow-x:hidden}main{padding-top:100px;width:100%;overflow-x:hidden}@media (max-width: 768px){main{padding-top:90px}}@media (max-width: 480px){main{padding-top:80px}}*{margin:0;padding:0;box-sizing:border-box}:root{--luxury-gold: #D4AF37;--luxury-gold-light: #F4E4BC;--luxury-gold-dark: #B8941F;--luxury-dark: #0A0A0A;--luxury-dark-secondary: #1A1A1A;--luxury-dark-tertiary: #2A2A2A;--luxury-text: #E5E5E5;--luxury-text-light: #B8B8B8;--luxury-text-muted: #8A8A8A;--luxury-accent: #C9A961;--luxury-border: rgba(212, 175, 55, .2);--luxury-shadow: 0 20px 60px rgba(0, 0, 0, .5);--luxury-shadow-gold: 0 10px 40px rgba(212, 175, 55, .3);--luxury-gradient: linear-gradient(135deg, #D4AF37 0%, #F4E4BC 50%, #D4AF37 100%);--luxury-gradient-dark: linear-gradient(135deg, #1A1A1A 0%, #0A0A0A 100%)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--luxury-text);line-height:1.7;background:var(--luxury-dark);background-image:radial-gradient(circle at 20% 50%,rgba(212,175,55,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(212,175,55,.03) 0%,transparent 50%);background-attachment:fixed;overflow-x:hidden;width:100%;max-width:100vw}*{max-width:100%}img{max-width:100%;height:auto}html{scroll-behavior:smooth}.container{max-width:1400px;margin:0 auto;padding:0 40px}.section-title{font-family:Playfair Display,serif;font-size:4rem;font-weight:600;text-align:center;margin-bottom:5rem;color:var(--luxury-text);position:relative;letter-spacing:-.02em}.section-title:before{content:"";position:absolute;top:-20px;left:50%;transform:translate(-50%);width:100px;height:2px;background:var(--luxury-gradient);opacity:.6}.section-title:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:100px;height:2px;background:var(--luxury-gradient);opacity:.6}@media (max-width: 968px){.section-title{font-size:3rem;margin-bottom:4rem}}@media (max-width: 768px){.section-title{font-size:2.5rem;margin-bottom:3rem}.container{padding:0 20px}}@media (max-width: 480px){.section-title{font-size:2rem;margin-bottom:2.5rem;line-height:1.2}.container{padding:0 15px}.section-title:before,.section-title:after{width:60px}}