*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);color:#fff;min-height:100vh;overflow-x:hidden}.sticky{position:fixed;top:45%;right:0;width:50px;height:120px;z-index:1000;background:rgba(0,80,80,.95);color:#fff;border-radius:10px 0 0 10px;text-align:center;justify-content:center;align-items:center;padding:10px;box-shadow:0 10px 20px #0006;display:flex;flex-direction:column;transform:translateZ(0);backface-visibility:hidden;will-change:top,transform}.sticky i{font-size:28px;width:28px;height:28px;margin:8px;cursor:pointer;color:#fff}.sticky i:hover{color:#000}.lang-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;transition:all .3s ease;opacity:.6;filter:grayscale(100%)}.lang-btn:hover{transform:scale(1.1);opacity:1;filter:grayscale(0%)}.lang-btn.active{opacity:1;filter:grayscale(0%);transform:scale(1.15)}.hero{min-height:100vh;display:flex;align-items:center;padding:2rem;position:relative;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800"><rect fill="%23000000" width="1200" height="800"/><g fill="none" stroke="%23111111" stroke-width="1"><path d="M0 400 L1200 400"/><path d="M600 0 L600 800"/></g></svg>');background-size:cover}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at left,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 40%,transparent 70%);pointer-events:none;z-index:1}.container{max-width:1200px;margin:0 auto;position:relative;z-index:2;padding-left:4rem}h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:300;margin-bottom:1rem;letter-spacing:-1px;animation:fadeInUp .8s ease-out}h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:400;margin-bottom:2rem;color:#14b8a6;animation:fadeInUp .8s ease-out .2s backwards}h2[data-translate=hero-subtitle]{font-family:JetBrains Mono,monospace;font-size:1.5rem;color:#14b8a6;margin:1rem 0}.tagline{font-size:clamp(1rem,2vw,1.2rem);color:#888;margin-bottom:2.5rem;animation:fadeInUp .8s ease-out .4s backwards}.tagline span{margin:0 .5rem}.skills{font-size:clamp(.9rem,1.8vw,1.1rem);color:#aaa;line-height:1.8;animation:fadeInUp .8s ease-out .6s backwards}.cta-buttons{margin-top:3rem;display:flex;gap:1rem;flex-wrap:wrap;animation:fadeInUp .8s ease-out .8s backwards}.social-links{display:flex;gap:1.5rem;margin-top:2rem;animation:fadeInUp .8s ease-out 1s backwards}.social-link{color:#fff;font-size:1.8rem;transition:all .3s ease;opacity:.7}.social-link:hover{opacity:1;transform:translateY(-3px);color:#14b8a6}.btn{padding:1rem 2rem;background:transparent;border:2px solid #ffffff;color:#fff;text-decoration:none;font-size:1rem;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ffffff;transition:left .3s ease;z-index:-1}.btn:hover{color:#000}.btn:hover:before{left:0}.btn-primary{background:#ffffff;color:#000}.btn-primary:before{background:#000000}.btn-primary:hover{color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.background-image{position:absolute;right:0;top:0;width:65%;height:100%;background-image:url(/build/assets/desktop-f9e32e31.jpeg);background-size:cover;background-position:center;filter:blur(3px) brightness(.3);z-index:0}.background-image:before{content:"";position:absolute;top:0;left:-200px;right:0;bottom:0;background:linear-gradient(to right,rgba(10,10,10,1) 0%,rgba(10,10,10,.95) 20%,rgba(10,10,10,.8) 35%,rgba(10,10,10,.5) 50%,rgba(10,10,10,.2) 70%,transparent 100%)}.background-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3)}@media (max-width: 768px){.hero{padding:2rem 1.5rem}.container{padding-left:0}.background-image{width:100%;opacity:.15}.cta-buttons{flex-direction:column}.btn{width:100%;text-align:center}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}section{padding:5rem 2rem;background:#0a0a0a}.section-container{max-width:1200px;margin:0 auto}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:300;margin-bottom:3rem;color:#fff;text-align:center}.education-section{background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 100%)}.education-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.education-text h3{font-size:1.8rem;margin-bottom:1rem;color:#fff}.grade{font-size:1.3rem;margin-bottom:1.5rem;color:#aaa}.highlight{color:#14b8a6;font-weight:600;font-size:1.5rem}.description{color:#888;line-height:1.8;margin-bottom:1.5rem}.education-highlights{list-style:none;padding:0}.education-highlights li{color:#aaa;position:relative;padding:.5rem 0 .5rem 1.5rem}.education-highlights li:before{content:"▹";position:absolute;left:0;color:#14b8a6}.diploma-placeholder{background:#1a1a1a;border:2px dashed #333;border-radius:8px;padding:3rem;text-align:center;color:#666;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.diploma-placeholder p{margin-top:1rem;font-size:.9rem}.certification-section{background:#0a0a0a}.certification-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.certification-text h3{font-size:1.8rem;margin-bottom:.5rem;color:#14b8a6}.cert-name{font-size:1.2rem;color:#888;margin-bottom:1rem}.diploma-placeholder{position:relative;background:#1a1a1a;border:2px dashed #333;border-radius:8px;padding:1.5rem;min-height:300px;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.zoom-icon{position:absolute;bottom:12px;right:12px;background:rgba(0,0,0,.6);color:#fff;border-radius:50%;padding:.5rem;font-size:1rem;opacity:0;transition:opacity .3s ease}.diploma-placeholder:hover .zoom-icon{opacity:1}.diploma-placeholder img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:999;backdrop-filter:blur(4px)}.lightbox.active{opacity:1;pointer-events:auto}.lightbox img{max-width:90%;max-height:90%;border-radius:8px;transform:scale(.85);opacity:0;transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .4s ease}.lightbox.active img{transform:scale(1);opacity:1}.lightbox-close{position:absolute;top:24px;right:32px;font-size:2rem;color:#fff;cursor:pointer;user-select:none;opacity:0;transition:opacity .3s ease}.lightbox.active .lightbox-close{opacity:1}.skills-section{background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 100%)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.skill-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:2rem;text-align:center;transition:all .3s ease}.skill-card:hover{transform:translateY(-5px);background:rgba(255,255,255,.08);border-color:#fff3}.skill-icon{font-size:3rem;margin-bottom:1rem}.skill-icon img{width:80px;height:80px;object-fit:contain;display:inline-block}.skill-card h4{font-size:1.3rem;margin-bottom:.5rem;color:#fff}.skill-card p{color:#888;font-size:.9rem}.projects-section{background:#0a0a0a}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem}.project-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s ease}.project-card:hover{transform:translateY(-10px);border-color:#14b8a680;box-shadow:0 10px 40px #14b8a633}.project-image{position:relative;width:100%;height:250px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-github-link{transition:transform .3s ease}.project-github-link:hover{transform:scale(1.2)}.project-content{padding:2rem}.project-content h3{font-size:1.5rem;color:#fff;margin-bottom:1rem}.project-content p{color:#aaa;line-height:1.6;margin-bottom:1.5rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-tags span{background:rgba(20,184,166,.1);color:#14b8a6;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;border:1px solid rgba(20,184,166,.3)}.experience-section{background:#0a0a0a}.timeline{position:relative;padding-left:3rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,#14b8a6,transparent)}.timeline-item{position:relative;margin-bottom:3rem}.timeline-dot{position:absolute;left:-3.5rem;top:0;width:12px;height:12px;background:#14b8a6;border-radius:50%;border:3px solid #0a0a0a}.timeline-content h3{font-size:1.5rem;color:#fff;margin-bottom:.5rem}.company{color:#14b8a6;font-size:1.1rem;margin-bottom:.3rem}.period{color:#666;font-size:.9rem;margin-bottom:1rem}.responsibilities{list-style:none;padding:0}.responsibilities li{color:#aaa;position:relative;padding:.5rem 0 .5rem 1.5rem}.responsibilities li:before{content:"▹";position:absolute;left:0;color:#14b8a6}.footer{background:linear-gradient(135deg,#050505 0%,#0a0a0a 100%);border-top:1px solid rgba(255,255,255,.1);padding:4rem 2rem 2rem}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-main h3,.links{font-size:1.8rem;color:#fff;margin-bottom:.5rem}.footer-subtitle{color:#14b8a6;font-size:1.1rem;margin-bottom:1rem}.footer-description{color:#888;line-height:1.6}.footer-contact h4,.links,.footer-links h4{color:#fff;font-size:1.1rem;margin-bottom:1.5rem}.footer-email{display:flex;align-items:center;gap:.8rem;color:#aaa;text-decoration:none;font-size:1rem;margin-bottom:1.5rem;transition:color .3s ease}.footer-email:hover{color:#14b8a6}.footer-social{display:flex;gap:1.5rem}.footer-social a{color:#888;transition:all .3s ease}.footer-social a:hover{color:#14b8a6;transform:translateY(-3px)}.footer-links ul{list-style:none;padding:0}.footer-links li{margin-bottom:.8rem}.links a,.footer-links a{color:#888;text-decoration:none;transition:color .3s ease}.links a:hover,.footer-links a:hover{color:#14b8a6}.links a{display:inline-flex;align-items:center;gap:5px;color:#fff;text-decoration:none}.links a:hover{color:#14b8a6}.link-icon{width:36px;height:36px}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;color:#666;font-size:.9rem}.footer-made{display:flex;align-items:center;gap:.3rem}.error-404{text-align:center}.error-404 h1{font-size:120px;margin:0;color:#333;font-weight:700}.error-404 p{color:#666;font-size:16px;margin:10px 0}.error-404 a{margin:2% 0 0}@media (max-width: 768px){.education-content,.certification-content{grid-template-columns:1fr;gap:2rem}.skills-grid{grid-template-columns:1fr}section{padding:3rem 1.5rem}.timeline{padding-left:2rem}.timeline-dot{left:-2.5rem}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}