*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#000;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}html,body,#root{height:100%;width:100%}body{min-width:320px;min-height:100vh;display:block}a{font-weight:500;color:#fff;text-decoration:none;transition:color .2s ease}a:hover{color:#afa357ea}h1{font-size:3rem;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;background-color:#1a1a1a;color:#fff;cursor:pointer;transition:all .25s ease}button:hover{border-color:#000;color:#fff}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#fff}button{background-color:#f9f9f9}}#root{width:100%;height:100%;margin:0;padding:0;text-align:center;background-color:#000}section,div{box-sizing:border-box}body{color:#fff}.logo,.card,.read-the-docs{display:none}.navbar{width:100%;padding:1.2rem 3rem;background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,215,0,.12);position:fixed;top:0;left:0;z-index:50;display:flex;justify-content:space-between;align-items:center;box-shadow:0 0 25px #ffd7000d}.navbar p{color:gold;font-size:1.4rem;font-weight:600;letter-spacing:1px;text-shadow:0 0 10px rgba(255,215,0,.4);cursor:default}.nav-links{display:flex;gap:2.5rem}.nav-links a{color:#d3d3d3;text-decoration:none;font-size:1.05rem;letter-spacing:.5px;font-weight:400;padding-bottom:3px;transition:all .3s ease;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-3px;left:0;width:0%;height:2px;background:linear-gradient(90deg,gold,#fff2a8);box-shadow:0 0 8px #ffd70099;transition:width .35s ease}.nav-links a:hover{color:gold}.nav-links a:hover:after{width:100%}.nav-links a.active{color:gold;font-weight:500}.nav-links a.active:after{width:100%}@media(max-width:900px){.navbar{padding:1rem 1.5rem}.nav-links{gap:1.5rem}.navbar p{font-size:1.2rem}}.about-page{width:100%;min-height:100vh;background:#000;color:#fff;font-family:Poppins,sans-serif;overflow-x:hidden;position:relative}.luxury-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 40% 30%,rgba(255,215,0,.1),transparent 70%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.05),transparent 70%);z-index:0;filter:blur(25px);animation:softGlow 8s ease-in-out infinite alternate}@keyframes softGlow{0%{opacity:.8;transform:scale(1)}to{opacity:.5;transform:scale(1.05)}}.animated-shapes:before,.animated-shapes:after{content:"";position:absolute;border:1px solid rgba(255,215,0,.12);border-radius:50%;width:450px;height:450px;top:25%;left:50%;transform:translate(-50%,-50%);animation:spin 35s linear infinite;z-index:0}.animated-shapes:after{width:300px;height:300px;top:70%;left:45%;animation-duration:45s}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.intro{min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:2;position:relative;padding:2rem}.logo{width:190px;margin-bottom:1.5rem;filter:drop-shadow(0 0 25px rgba(255,215,0,.5));animation:logoGlow 5s ease-in-out infinite alternate;z-index:3;display:block;font-family:Playfair Display,serif}@keyframes logoGlow{0%{filter:drop-shadow(0 0 15px rgba(255,215,0,.4))}to{filter:drop-shadow(0 0 35px rgba(255,215,0,.8))}}.intro h1{font-size:3.2rem;margin-bottom:1rem;letter-spacing:.5px}.intro h1 span{color:gold}.intro p{max-width:700px;color:#cfcfcf;font-size:1.15rem;margin-bottom:2rem;line-height:1.6}.actions{display:flex;gap:1.2rem}.btn-gold,.btn-outline{padding:.8rem 2rem;font-size:1rem;border-radius:50px;cursor:pointer;transition:all .3s ease}.btn-gold{background:linear-gradient(90deg,gold,#fff5a0);color:#000;font-weight:600;border:none;box-shadow:0 0 15px #ffd70066}.btn-outline{background:transparent;border:2px solid #FFD700;color:gold}.skills{text-align:center;margin-top:6rem;z-index:2;position:relative}.skills h2{font-size:2rem;margin-bottom:2rem}.skills-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.skills-grid span{background:#ffffff0f;border:1px solid rgba(255,215,0,.25);padding:.7rem 1.5rem;border-radius:30px;color:#d3d3d3;transition:all .3s ease}.skills-grid span:hover{border-color:gold;color:gold;transform:translateY(-3px)}.vision{margin-top:7rem;padding:5rem 2rem;position:relative;z-index:2;overflow:hidden}.vision-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:3rem;flex-wrap:wrap}.vision-text{flex:1;min-width:300px}.vision-text h2{font-size:2.3rem;margin-bottom:1.5rem}.vision-text p{color:#d3d3d3;line-height:1.8;margin-bottom:1rem;font-size:1.05rem}.vision-text span{color:gold;font-weight:500}.vision-visual{flex:1;min-width:300px;height:300px;position:relative}.glow-circle{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.3),transparent 70%);animation:pulse 6s infinite ease-in-out;filter:blur(20px)}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:.5}}.wave{position:absolute;bottom:-10%;left:-20%;width:150%;height:150%;background:repeating-linear-gradient(45deg,rgba(255,215,0,.1) 0px,rgba(255,215,0,.1) 2px,transparent 2px,transparent 6px);animation:moveWave 12s linear infinite;-webkit-mask-image:radial-gradient(circle,#000 40%,transparent 70%);mask-image:radial-gradient(circle,#000 40%,transparent 70%)}@keyframes moveWave{0%{transform:rotate(0) translateY(0)}to{transform:rotate(360deg) translateY(0)}}.about-section.personal{margin-top:8rem;padding:5rem 2rem;position:relative;z-index:2;color:#fff;text-align:center}.about-section.personal h2{font-size:2.3rem;margin-bottom:3rem;color:gold;letter-spacing:1px}.about-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:4rem;background:#ffffff0d;border-radius:25px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .4s ease,box-shadow .4s ease}.about-item:hover{transform:translateY(-5px);box-shadow:0 0 30px #ffd70026}.about-text{flex:1;min-width:300px;padding:1rem 2rem;text-align:left}.about-text h3{font-size:1.8rem;color:gold;margin-bottom:1rem}.about-text p{color:#d3d3d3;line-height:1.7;font-size:1.05rem}.about-img img{width:85%;max-width:420px;border-radius:20px;object-fit:cover;filter:brightness(.9) drop-shadow(0 0 15px rgba(255,215,0,.2));transition:transform .4s ease,filter .4s ease}.about-img img:hover{transform:scale(1.03);filter:brightness(1) drop-shadow(0 0 25px rgba(255,215,0,.4))}.about-section.personal{margin-top:8rem;padding:6rem 2rem;position:relative;z-index:2;color:#fff;text-align:center}.about-section.personal h2{font-size:2.5rem;margin-bottom:4rem;color:gold;letter-spacing:1px}.about-item{display:flex;align-items:stretch;justify-content:space-between;flex-wrap:wrap;margin-bottom:5rem;background:#ffffff0d;border-radius:30px;padding:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .4s ease,box-shadow .4s ease;min-height:450px}.about-item:hover{transform:translateY(-6px);box-shadow:0 0 45px #ffd70026}.about-item.reverse{flex-direction:row-reverse}.about-text{flex:1.2;min-width:300px;padding:2rem;text-align:left;display:flex;flex-direction:column;justify-content:center}.about-text h3{font-size:2rem;color:gold;margin-bottom:1.5rem;font-weight:600}.about-text p{color:#d3d3d3;line-height:1.8;font-size:1.1rem;margin-bottom:1.2rem}.about-text span{color:gold;font-weight:500}.about-img{flex:1;display:flex;justify-content:center;align-items:center}.about-img img{width:90%;max-width:500px;height:100%;border-radius:25px;object-fit:cover;filter:brightness(.9) drop-shadow(0 0 15px rgba(255,215,0,.25));transition:transform .5s ease,filter .5s ease}.about-img img:hover{transform:scale(1.05);filter:brightness(1) drop-shadow(0 0 30px rgba(255,215,0,.4))}@media(max-width:900px){.about-item{flex-direction:column;text-align:center;padding:2rem;min-height:auto}.about-text{padding:1.5rem 0}.about-img img{width:100%;max-width:400px;margin-top:1.5rem}}.technical{text-align:center;padding:6rem 2rem;z-index:2;position:relative}.technical h2{font-size:2.3rem;color:gold;margin-bottom:3rem}.tech-icons{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;margin-bottom:3rem}.tech-icons img{width:60px;height:60px;opacity:.8;filter:drop-shadow(0 0 10px rgba(255,215,0,.3));transition:all .3s ease}.tech-icons img:hover{transform:scale(1.1);opacity:1;filter:drop-shadow(0 0 20px rgba(255,215,0,.6))}.what-i-build{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2rem}.what-i-build .card{background:#ffffff0d;border:1px solid rgba(255,215,0,.2);border-radius:20px;width:300px;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.what-i-build .card:hover{transform:translateY(-5px);box-shadow:0 0 20px #ffd70026}.what-i-build h3{color:gold;font-size:1.5rem;margin-bottom:1rem}.what-i-build p{color:#d3d3d3;line-height:1.6}.tool-line{margin-top:1.5rem;color:#aaa;font-style:italic}.aspirations{text-align:center;padding:6rem 2rem;max-width:900px;margin:0 auto}.aspirations h2{font-size:2.3rem;color:gold;margin-bottom:2rem}.aspirations p{color:#d3d3d3;line-height:1.8;font-size:1.1rem;margin-bottom:1rem}.aspirations .download{margin-top:2rem;display:inline-block;text-decoration:none}.human{text-align:center;padding:6rem 2rem;max-width:900px;margin:0 auto}.human h2{font-size:2.3rem;color:gold;margin-bottom:2rem}.human p{color:#d3d3d3;font-size:1.1rem;line-height:1.8;margin-bottom:1.2rem}.human .quote{color:gold;font-style:italic;font-size:1.2rem;margin:2rem 0}.contact-cta{text-align:center;padding:6rem 2rem 8rem;background:radial-gradient(circle at 50% 30%,rgba(255,215,0,.08),transparent 70%)}.contact-cta h2{font-size:2.3rem;color:gold;margin-bottom:1.5rem}.contact-cta p{color:#d3d3d3;font-size:1.1rem;max-width:700px;margin:0 auto 2rem;line-height:1.7}.contact-cta .actions{justify-content:center}.about-merged{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:30px}.about-slideshow{width:450px;height:500px;position:relative;overflow:hidden;border-radius:28px;box-shadow:0 0 35px #ffd70026;background:#ffffff08}.slideshow-img{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);opacity:0;transition:opacity 1s ease}.slideshow-img.active{opacity:1}@media(max-width:900px){.about-merged{flex-direction:column}.about-slideshow{width:100%;height:380px}}.about-page{opacity:0;animation:pageLoad .7s ease-out forwards}@keyframes pageLoad{0%{opacity:0}to{opacity:1}}.luxury-bg,.animated-shapes{pointer-events:none}body,*{font-family:Poppins,sans-serif}h1,h2,h3{font-family:Playfair Display,serif}p,span,a{font-family:Outfit,sans-serif}.intro h1,.intro h1 span{font-family:Playfair Display,serif!important}.projects-page{width:100%;background:#000;color:#fff;font-family:Poppins,sans-serif;padding-bottom:5rem;position:relative;overflow-x:hidden}.animated-shapes:before,.animated-shapes:after{content:"";position:absolute;border:1px solid rgba(255,215,0,.15);border-radius:50%;width:420px;height:420px;top:20%;left:50%;transform:translate(-50%,-50%);animation:spin 35s linear infinite;z-index:0}.animated-shapes:after{width:300px;height:300px;top:70%;left:40%;animation-duration:45s}.projects-header{text-align:center;padding-top:6rem;margin-bottom:3rem;position:relative;z-index:2}.projects-header img{width:260px;height:auto;margin:0 auto 1.5rem;display:block;object-fit:contain;filter:drop-shadow(0 0 18px rgba(255,215,0,.28))}.project-section{display:flex;align-items:center;justify-content:space-between;gap:3rem;padding:4rem 2rem;max-width:1300px;margin:0 auto;position:relative;z-index:2}.project-section.reverse{flex-direction:row-reverse}.project-image{flex:1}.project-image img{width:100%;border-radius:25px;object-fit:cover;box-shadow:0 0 30px #ffd70026}.project-text{flex:1;color:#fff}.project-text h2{font-size:2.4rem;color:gold;margin-bottom:1rem}.project-text p{font-size:1.1rem;color:#d3d3d3;margin-bottom:1.5rem;line-height:1.7}.stack{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2rem}.stack span{padding:6px 14px;border-radius:20px;background:#ffffff0f;border:1px solid rgba(255,215,0,.25);color:#fff;transition:all .3s ease}.stack span:hover{border-color:gold;color:gold}.btn-gold{padding:.8rem 2rem;background:linear-gradient(90deg,gold,#fff5a0);color:#000;border-radius:50px;border:none;font-weight:600;cursor:pointer;transition:.3s ease}.btn-gold:hover{transform:scale(1.05)}.btn-outline{padding:.8rem 2rem;background:transparent;border:2px solid #FFD700;color:gold;border-radius:50px;cursor:pointer;font-weight:600;transition:.3s ease}.btn-outline:hover{background:gold;color:#000}.project-buttons{display:flex;gap:1rem;margin-top:1.5rem}@media(max-width:900px){.project-section{flex-direction:column;text-align:center}}.page-fade{opacity:0;animation:pageFadeIn .6s ease-out forwards}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.contact-page{width:100%;min-height:100vh;background:#000;color:#fff;position:relative;padding-bottom:4rem;overflow-x:hidden;font-family:Poppins,sans-serif}.luxury-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 40% 30%,rgba(255,215,0,.12),transparent 70%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.05),transparent 70%);filter:blur(25px);z-index:0}.animated-shapes:before,.animated-shapes:after{content:"";position:absolute;border:1px solid rgba(255,215,0,.15);border-radius:50%;width:380px;height:380px;top:25%;left:50%;transform:translate(-50%,-50%);animation:spin 35s linear infinite;z-index:0}.animated-shapes:after{width:260px;height:260px;top:70%;left:40%;animation-duration:45s}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.contact-header{text-align:center;padding-top:6rem;position:relative;z-index:2}.contact-header h1{font-size:3rem;color:gold;margin-bottom:.5rem}.contact-subtitle{color:#d3d3d3;font-size:1.2rem}.contact-card{width:95%;max-width:750px;margin:3rem auto;padding:2.5rem;background:#ffffff0d;border-radius:25px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,215,0,.18);box-shadow:0 0 25px #ffd7001f;position:relative;z-index:2}.contact-row{display:flex;align-items:center;gap:1.4rem;padding:1.2rem 0;border-bottom:1px solid rgba(255,215,0,.15)}.contact-row:last-child{border-bottom:none}.contact-icon{font-size:2.1rem;color:gold}.contact-row h3{margin:0;font-size:1.2rem;color:gold}.contact-row a{color:#fff;text-decoration:none;font-size:1rem;opacity:.85}.contact-row a:hover{color:gold;opacity:1}.contact-footer{text-align:center;padding-top:2rem;color:#cfcfcf;font-size:.9rem;opacity:.6;position:relative;z-index:2}.page-fade{opacity:0;animation:fadeIn .6s ease forwards}@keyframes fadeIn{to{opacity:1}}@media(max-width:600px){.contact-icon{font-size:1.6rem}.contact-row{gap:1rem}.contact-card{padding:1.8rem}}