@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #050505;--bg-secondary: #0a0a0f;--bg-tertiary: #12121a;--neon-blue: #00d2ff;--neon-cyan: #00ffff;--neon-purple: #8b5cf6;--neon-pink: #ff0080;--text-primary: #f0f0f5;--text-secondary: #8888a0}html{scroll-behavior:smooth;view-transition-name:root}body{font-family:Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}.bg-grid{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(0,210,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,210,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:0}.bg-glow{position:fixed;width:600px;height:600px;background:radial-gradient(circle,rgba(0,210,255,.08) 0%,transparent 70%);top:-200px;right:-200px;pointer-events:none;z-index:0}@keyframes glitch-scan{0%{top:-100%;opacity:0}50%{opacity:1}to{top:100%;opacity:0}}.glitch-scan{position:fixed;width:100%;height:2px;background:var(--neon-blue);box-shadow:0 0 10px var(--neon-blue),0 0 20px var(--neon-blue);z-index:9999;animation:glitch-scan 2s linear infinite;opacity:0;pointer-events:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes borderGlow{0%,to{border-color:var(--neon-blue);box-shadow:0 0 20px var(--neon-blue),inset 0 0 20px #00d2ff1a}50%{border-color:var(--neon-cyan);box-shadow:0 0 30px var(--neon-cyan),inset 0 0 30px #00ffff1a}}@keyframes glow{0%,to{box-shadow:0 0 20px #00d2ff4d}50%{box-shadow:0 0 40px #00d2ff99}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes cursor-blink{0%,to{border-color:var(--neon-blue)}50%{border-color:transparent}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px) skew(-1deg)}75%{transform:translate(5px) skew(1deg)}}.animate-in{animation:fadeInUp .8s ease forwards;opacity:0}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}.delay-5{animation-delay:.5s}.delay-6{animation-delay:.6s}.scroll-reveal{opacity:0;transform:translateY(50px);transition:opacity .8s ease,transform .8s ease}.scroll-reveal.visible{opacity:1;transform:translateY(0)}nav{position:fixed;top:0;left:0;right:0;background:#0a0a0f;padding:15px 25px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #00d2ff33;z-index:999;flex-shrink:0}.nav-logo{color:var(--neon-blue);font-weight:700;font-size:18px;cursor:pointer;text-decoration:none;transition:.3s;font-family:JetBrains Mono,monospace}.nav-logo:hover{text-shadow:0 0 10px var(--neon-blue),0 0 20px var(--neon-blue);animation:shake .3s ease}.nav-menu{display:flex;gap:35px;margin:0 auto;padding-left:50px}.nav-item{color:#8888a0;cursor:pointer;font-size:14px;transition:.3s;text-decoration:none;position:relative}.nav-item:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--neon-blue);transition:.3s}.nav-item:hover:after,.nav-item.active:after{width:100%}.nav-item:hover,.nav-item.active{color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue)}.login-btn{background:transparent;color:var(--neon-blue);border:1px solid var(--neon-blue);padding:8px 16px;border-radius:6px;font-weight:700;cursor:pointer;transition:.3s;text-decoration:none}.login-btn:hover{background:var(--neon-blue);color:#050505;box-shadow:0 0 20px #00d2ff80;transform:scale(1.05)}.page{display:none;padding:80px 20px 40px;flex:1}.page.active{display:block}.hero{display:flex;align-items:center;justify-content:space-between;gap:60px;padding:100px 20px 60px;max-width:1200px;margin:0 auto;min-height:80vh}.hero-content{flex:1;max-width:650px}.hero h1{font-size:42px;margin-bottom:20px;line-height:1.2;font-weight:700}.title-line{display:inline;position:relative}.title-line .highlight{color:var(--neon-blue);position:relative;display:inline-block}.title-line .highlight:before{content:attr(data-text);position:absolute;left:2px;text-shadow:-2px 0 var(--neon-pink);top:0;color:var(--neon-blue);background:var(--bg-primary);overflow:hidden;clip-path:polygon(0 0,100% 0,100% 0,0 0);animation:glitch-text 2s infinite linear alternate-reverse}@keyframes glitch-text{0%{clip-path:polygon(0 20%,100% 20%,100% 0,0 0);transform:translate(0)}20%{clip-path:polygon(0 60%,100% 60%,100% 30%,0 30%);transform:translate(-3px)}40%{clip-path:polygon(0 80%,100% 80%,100% 20%,0 20%);transform:translate(3px)}60%{clip-path:polygon(0 40%,100% 40%,100% 60%,0 60%);transform:translate(-2px)}80%{clip-path:polygon(0 10%,100% 10%,100% 0,0 0);transform:translate(2px)}to{clip-path:polygon(0 30%,100% 30%,100% 50%,0 50%);transform:translate(0)}}.hero-subtitle{color:#a0a0b0;font-size:18px;line-height:1.7;margin-bottom:40px}.hero-buttons{display:flex;gap:15px;flex-wrap:wrap}.btn-primary{display:inline-block;padding:14px 28px;background:var(--neon-blue);color:#050505;border-radius:8px;font-weight:600;text-decoration:none;transition:.3s;border:none;cursor:pointer;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:.5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{box-shadow:0 0 30px #00d2ff99,0 0 60px #00d2ff4d;transform:translateY(-3px) scale(1.02)}.btn-secondary{display:inline-block;padding:14px 28px;background:transparent;border:1px solid #00d2ff55;color:var(--neon-blue);border-radius:8px;font-weight:600;text-decoration:none;transition:.3s;cursor:pointer}.btn-secondary:hover{background:#00d2ff26;box-shadow:0 0 20px #00d2ff4d;transform:translateY(-3px) scale(1.02)}.hero-foto{flex:0 0 380px;position:relative}.hero-foto:before{content:"";position:absolute;inset:-10px;border:2px solid var(--neon-blue);border-radius:16px;animation:borderGlow 3s ease-in-out infinite;z-index:-1}.profile-photo{width:100%;height:auto;border-radius:12px;box-shadow:0 25px 50px #0009}.social-links{display:flex;gap:15px;margin-top:25px}.social-btn{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:12px;background:#12121a;border:1px solid #00d2ff33;color:var(--text-primary);text-decoration:none;transition:.3s}.social-btn:hover{transform:translateY(-5px) scale(1.1);border-color:#00d2ff55;box-shadow:0 10px 25px #00d2ff22,0 0 20px #00d2ff4d;color:var(--neon-blue)}.section-title{font-size:24px;margin:50px 0 25px;display:flex;align-items:center;gap:10px;position:relative}.section-title:before{content:"";width:4px;height:24px;background:var(--neon-blue);border-radius:2px}.section-title:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--neon-blue),transparent);animation:expand-line 1s ease forwards .5s}@keyframes expand-line{to{width:100%}}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:50px}.skill-card{background:linear-gradient(145deg,#0f0f15,#0a0a0f);border:1px solid #00d2ff22;border-radius:16px;padding:25px;text-align:center;transition:.3s;perspective:1000px;transform-style:preserve-3d}.skill-card:hover{transform:translateY(-8px) rotateX(5deg) rotateY(-5deg);border-color:#00d2ff55;box-shadow:0 15px 30px #00d2ff15,0 0 30px #00d2ff33}.skill-card.visible{animation:card-pop .5s ease forwards}@keyframes card-pop{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.skill-icon{font-size:36px;margin-bottom:15px;display:block;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.skill-card h3{color:var(--neon-blue);font-size:16px;margin-bottom:10px}.skill-card p{color:#8888a0;font-size:13px;line-height:1.5}.grid{display:grid;grid-template-columns:1fr;gap:15px}@media (min-width: 640px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(3,1fr)}}.card{background:#0a0a0f;border:1px solid #00d2ff22;border-radius:12px;padding:15px;transition:.3s}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;margin-bottom:10px;transition:.3s}.card h3{font-size:16px;margin-bottom:5px}.card p{color:#8888a0;font-size:13px}.site-card{display:block;text-decoration:none;color:inherit;transition:.3s;perspective:1000px}.site-card:hover{transform:translateY(-8px) rotateX(3deg);box-shadow:0 20px 50px #00d2ff40}.site-card:hover .card img{transform:scale(1.05)}.cert-card{background:#0a0a0f;border-radius:10px;overflow:hidden;border:1px solid #00d2ff22;transition:.3s;cursor:pointer;perspective:1000px}.cert-card:hover{transform:translateY(-5px) rotateX(5deg);box-shadow:0 15px 40px #00d2ff33}.cert-card img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:.3s}.cert-card:hover img{transform:scale(1.05) brightness(1.1)}.cert-info{padding:12px}.cert-name{background:transparent;border:none;color:var(--text-primary);width:100%;font-size:14px}.lightbox{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:2000;justify-content:center;align-items:center;cursor:pointer;animation:fade-in .3s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.lightbox.active{display:flex}.lightbox img{max-width:90%;max-height:90%;border-radius:8px;box-shadow:0 0 50px #00d2ff4d;animation:zoom-in .3s ease}@keyframes zoom-in{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.lightbox-close{position:absolute;top:30px;right:30px;font-size:40px;color:#fff;cursor:pointer;transition:.3s}.lightbox-close:hover{color:var(--neon-blue);transform:rotate(90deg)}.footer{background:var(--bg-secondary);border-top:1px solid #00d2ff33;padding:40px 20px;margin-top:auto;flex-shrink:0}.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-links{display:flex;gap:25px}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:.3s;position:relative}.footer-links a:hover{color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue)}.footer-links a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--neon-blue);transition:.3s}.footer-links a:hover:after{width:100%}.footer-text{color:var(--text-secondary);font-size:14px}.footer-text .heart{color:#ff4757}@media (max-width: 900px){.hero{flex-direction:column;text-align:center;gap:30px;padding:100px 20px 40px}.hero-content{width:100%}.hero-buttons{justify-content:center}.hero-foto{width:100%;max-width:280px}.hero h1{font-size:32px}.skills-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.skills-grid{grid-template-columns:1fr}nav{flex-direction:column;gap:10px}.nav-menu{width:100%;justify-content:center;padding-left:0}.footer-container{flex-direction:column;text-align:center}}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-old(root){clip-path:polygon(0 0,100% 0,100% 100%,0 100%);animation:glitch-out .4s ease-out forwards}::view-transition-new(root){clip-path:polygon(0 0,100% 0,100% 100%,0 100%);animation:glitch-in .4s ease-out forwards;z-index:1}@keyframes glitch-out{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);filter:hue-rotate(0deg);transform:translate(0)}20%{clip-path:polygon(0 0,100% 0,100% 45%,0 35%);transform:translate(-5px);filter:hue-rotate(90deg) contrast(2)}40%{clip-path:polygon(0 20%,100% 20%,100% 60%,0 60%);transform:translate(5px);filter:hue-rotate(-90deg) contrast(2)}60%{clip-path:polygon(0 40%,100% 40%,100% 80%,0 80%);transform:translate(-3px);filter:hue-rotate(180deg) contrast(1.5)}80%{clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);transform:translate(3px);opacity:1}to{clip-path:polygon(0 30%,100% 10%,100% 0,0 50%);transform:translate(-100%);opacity:0}}@keyframes glitch-in{0%{clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);transform:translate(100%);opacity:0;filter:hue-rotate(180deg) contrast(2)}20%{clip-path:polygon(0 80%,100% 90%,100% 100%,0 100%);transform:translate(-10px);filter:hue-rotate(90deg) contrast(2)}40%{clip-path:polygon(0 50%,100% 40%,100% 60%,0 70%);transform:translate(10px);filter:hue-rotate(-90deg) contrast(2)}60%{clip-path:polygon(0 30%,100% 30%,100% 50%,0 50%);transform:translate(-5px);filter:hue-rotate(90deg) contrast(1.5);opacity:1}80%{clip-path:polygon(0 10%,100% 10%,100% 30%,0 20%);transform:translate(5px)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(0);filter:hue-rotate(0deg);opacity:1}}::view-transition-old(hero){animation:none}::view-transition-new(hero){animation:hero-scale-in .5s ease-out forwards}@keyframes hero-scale-in{0%{transform:scale(1.1);opacity:0;filter:blur(10px);clip-path:polygon(0 50%,100% 50%,100% 50%,0 50%)}50%{transform:scale(1.05);opacity:.5;filter:blur(5px)}to{transform:scale(1);opacity:1;filter:blur(0);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}