@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap";.header{display:flex;align-items:center;justify-content:space-between;background-color:#000;padding:1rem 2rem}.logo{color:#fff;font-size:1.25rem;font-weight:700}.nav a{color:#ccc;text-decoration:none;margin-left:1.5rem;font-weight:500;transition:color .2s ease}.nav a:hover{background-color:#8839b6;border-radius:4px;padding:.5rem 1rem}.nav-cta{color:#fff;padding:.5rem 1rem;border-radius:4px;margin-left:1.5rem;transition:background-color .2s ease}.hero-section{position:relative;display:flex;align-items:stretch;justify-content:center;min-height:80vh;overflow:hidden;background:linear-gradient(135deg,#1c1c1c,#2a2a2a);color:#fff;padding:2rem}.hero-shape{position:absolute;border-radius:50%;opacity:.15;pointer-events:none;z-index:1}.shape1{width:600px;height:600px;background:#8839b6;top:-150px;left:-200px}.shape2{width:500px;height:500px;background:#ff5f91;bottom:-200px;right:-150px}.hero-image{flex:none;max-width:500px;width:100%;margin:0 2rem}.hero-image img{width:100%;height:auto;object-fit:cover;display:block;border-radius:8px}.hero-content{flex:1;background-color:#262626e6;display:flex;flex-direction:column;justify-content:center;z-index:2;margin:0 2rem 0 5rem;border-radius:8px}.hero-content h1{font-size:3.25rem;margin-bottom:1rem;line-height:1.2;margin-left:10px}.hero-content p{font-size:1.5rem;color:#ccc;margin-bottom:2rem;max-width:500px}.cta-button{display:inline-block;background-color:#8839b6;color:#fff;padding:.75rem 1.25rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:1rem;transition:background-color .3s,transform .3s;width:115px;margin:10px}.cta-button:hover{background-color:#732e9b;transform:translateY(-2px)}@media (max-width: 768px){.hero-section{flex-direction:column;min-height:auto;padding:1rem}.hero-image,.hero-content{width:100%;flex:none;margin:1rem auto;max-width:90%}.hero-content{padding:1rem;margin:0 auto}.hero-content h1{font-size:2rem}.shape1,.shape2{width:300px;height:300px}}.hero-image,.hero-content h1,.hero-content p,.cta-button{opacity:0;animation:fadeInUp .8s forwards}.hero-image{animation-delay:.1s}.hero-content h1{animation-delay:.3s}.hero-content p{animation-delay:.5s}.cta-button{animation-delay:.7s}.about{padding:0;margin:0;min-height:100vh;background:linear-gradient(135deg,#232526,#414345);position:relative;overflow:hidden}.about:before,.about:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;z-index:0}.about:before{width:400px;height:400px;top:-100px;left:-100px;background:#00c6ff}.about:after{width:300px;height:300px;bottom:-80px;right:-80px;background:#f7971e}.about-content{display:flex;gap:2rem;max-width:800px;margin:0 auto;align-items:center;position:relative;z-index:1}.about-photo{width:200px;object-fit:cover}.cv-section{margin-top:2rem;text-align:center;position:relative;z-index:1}.cv-download-button{display:inline-block;margin:1rem 0;padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;border-radius:5px;cursor:pointer}.cv-download-button:hover{background-color:#0056b3}.cv-preview{width:100%;max-width:600px;margin-top:1rem;border:1px solid #ccc}.about-animate{opacity:0;animation:fadeInUp .8s forwards}.about-animate.photo{animation-delay:.1s}.about-animate.h1{animation-delay:.3s}.about-animate.p{animation-delay:.5s}.about-animate.cv{animation-delay:.7s}.contacts{width:auto;min-height:100vh;padding:4rem 2rem;margin:0;text-align:center;position:relative;background:linear-gradient(135deg,#232526,#414345);overflow:hidden;z-index:1}.contacts:before,.contacts:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;z-index:0}.contacts:before{width:350px;height:350px;top:-100px;left:-100px;background:#00c6ff}.contacts:after{width:250px;height:250px;bottom:-80px;right:-80px;background:#f7971e}.contacts>*{position:relative;z-index:1}.contacts h1{font-size:2.5rem;margin-bottom:1rem;letter-spacing:.05rem}.contacts p{font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.contacts a{color:#2563eb;text-decoration:none;transition:color .2s ease}.contacts a:hover{color:#1d4ed8}.social-links{display:flex;flex-direction:row;justify-content:center;gap:1.5rem;margin-top:2rem}.social-links a{background-color:#fff;padding:.75rem 1.25rem;border-radius:9999px;box-shadow:0 2px 5px #00000014;color:#374151;font-weight:500;transition:all .3s ease;border:1px solid #e5e7eb}.social-links a:hover{background-color:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 4px 10px #2563eb33}@media (max-width: 640px){.contacts{padding:2rem .5rem;width:100vw;min-height:100vh}.contacts h1{font-size:2rem}.social-links{flex-direction:column;gap:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.contacts-animate{opacity:0;animation:fadeInUp .8s forwards}.contacts-animate.h1{animation-delay:.2s}.contacts-animate.p{animation-delay:.4s}.contacts-animate.social{animation-delay:.6s}.projects{padding:2rem;background-color:#1c1c1c;color:#fff;min-height:80vh}.projects-title{font-size:2rem;margin-bottom:.5rem;text-align:center}.projects-subtitle{font-size:1.2rem;margin-bottom:2rem;text-align:center;color:#ccc}.projects-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.project-card{background-color:#262626;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:transform .3s}.project-card:hover{transform:translateY(-5px)}.project-image img{width:100%;height:auto;display:block}.project-content{padding:1.5rem;flex:1}.project-content h2{font-size:1.4rem;margin:0 0 .5rem}.project-content p{font-size:1rem;color:#ccc;line-height:1.5}.project-links{display:flex;gap:1rem;padding:1.5rem;justify-content:flex-end}.btn{text-decoration:none;font-weight:600;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s}.btn-live{background-color:#8839b6;color:#fff}.btn-live:hover{background-color:#732e9b}.btn-code{background-color:#414141;color:#fff}.btn-code:hover{background-color:#5a5a5a}@media (max-width: 768px){.projects-title{font-size:1.8rem}.projects-subtitle{font-size:1.1rem}}html,body{margin:0;padding:0;height:100%;background:linear-gradient(135deg,#2e2e2e,#3b3b3b);color:#eaeaea;font-family:Poppins,sans-serif}#root{min-height:100%;display:flex;flex-direction:column}