@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--accent: #3b82f6;--accent-hover: #2563eb;--text-primary: #ffffff;--text-secondary: #a0a0a0;--border: #222222}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}::selection{background-color:var(--accent);color:#fff}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px}.custom-cursor{position:fixed;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .1s ease}.cursor-ring{position:relative;width:80px;height:80px;animation:rotate 8s linear infinite}.cursor-ring span{position:absolute;top:0;left:50%;font-size:9px;font-weight:600;color:var(--accent);letter-spacing:.05em;transform-origin:0 40px}.cursor-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background-color:var(--accent);border-radius:50%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar{position:fixed;top:0;left:0;width:100%;padding:20px 60px;display:flex;justify-content:space-between;align-items:center;z-index:999;background:#0a0a0ad9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.navbar-logo{font-size:24px;font-weight:700;color:var(--text-primary)}.navbar-logo span{color:var(--accent)}.navbar-links{list-style:none;display:flex;gap:40px}.navbar-links a{font-size:14px;font-weight:500;color:var(--text-secondary);transition:color .3s ease}.navbar-links a:hover{color:var(--accent)}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer}.bar{width:25px;height:2px;background-color:var(--text-primary);transition:all .3s ease;display:block}@media(max-width:768px){.navbar{padding:20px 24px}.hamburger{display:flex}.navbar-links{position:fixed;top:65px;left:0;width:100%;background:#0a0a0afa;flex-direction:column;align-items:center;gap:0;max-height:0;overflow:hidden;transition:max-height .4s ease}.navbar-links.active{max-height:400px}.navbar-links li{width:100%;text-align:center;padding:16px 0;border-bottom:1px solid var(--border)}.navbar-links a{font-size:16px}}.about{padding:100px 60px;background-color:var(--bg-secondary)}.about-container{max-width:1100px;margin:0 auto}.section-tag{font-size:13px;font-weight:600;color:var(--accent);letter-spacing:3px;text-transform:uppercase;margin-bottom:12px}.section-title{font-size:48px;font-weight:700;color:var(--text-primary);margin-bottom:50px}.section-title span{color:var(--accent)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.about-text p{font-size:16px;color:var(--text-secondary);line-height:1.8;margin-bottom:20px}.about-text strong{color:var(--text-primary)}.about-info{display:flex;flex-direction:column;gap:12px;margin:30px 0;padding:24px;border:1px solid var(--border);border-radius:12px}.info-item{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:14px;color:var(--text-secondary)}.info-value{font-size:14px;color:var(--text-primary);font-weight:500}.availability{color:#22c55e!important}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stat-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:16px;padding:30px;text-align:center;transition:border-color .3s ease,transform .3s ease}.stat-card:hover{border-color:var(--accent);transform:translateY(-4px)}.stat-card h3{font-size:42px;font-weight:700;color:var(--accent);margin-bottom:8px}.stat-card p{font-size:14px;color:var(--text-secondary)}@media(max-width:768px){.about{padding:80px 24px}.section-title{font-size:36px}.about-content{grid-template-columns:1fr;gap:40px}}.contact{padding:100px 60px;background-color:var(--bg-secondary)}.contact-container{max-width:1100px;margin:0 auto}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.contact-description{font-size:16px;color:var(--text-secondary);line-height:1.8;margin-bottom:32px}.contact-details{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.contact-item{display:flex;flex-direction:column;gap:4px;padding:16px;border:1px solid var(--border);border-radius:10px;transition:border-color .3s ease}.contact-item:hover{border-color:var(--accent)}.contact-label{font-size:12px;color:var(--text-secondary);letter-spacing:1px}.contact-value{font-size:15px;color:var(--text-primary);font-weight:500;transition:color .3s ease}a.contact-value:hover{color:var(--accent)}.contact-socials{display:flex;gap:12px;flex-wrap:wrap}.social-btn{padding:10px 24px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);transition:all .3s ease}.social-btn:hover{border-color:var(--accent);color:var(--accent)}.social-btn.whatsapp:hover{border-color:#22c55e;color:#22c55e}.contact-form{display:flex;flex-direction:column;gap:16px}.form-group input,.form-group textarea{width:100%;padding:14px 18px;background-color:var(--bg-primary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:15px;font-family:Inter,sans-serif;transition:border-color .3s ease;outline:none;resize:none}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary)}.contact-form .btn-primary{padding:14px 32px;background-color:var(--accent);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;font-family:Inter,sans-serif}.contact-form .btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px)}@media(max-width:768px){.contact{padding:80px 24px}.contact-content{grid-template-columns:1fr;gap:40px}}.form-success{font-size:14px;color:#22c55e;padding:12px 16px;border:1px solid #22c55e;border-radius:8px}.form-error{font-size:14px;color:#ef4444;padding:12px 16px;border:1px solid #ef4444;border-radius:8px}button:disabled{opacity:.7;cursor:not-allowed}.footer{background-color:var(--bg-primary);border-top:1px solid var(--border);padding:50px 60px 30px}.footer-container{max-width:1100px;margin:0 auto}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.footer-logo{font-size:24px;font-weight:700;color:var(--text-primary)}.footer-logo span{color:var(--accent)}.footer-tagline{font-size:14px;color:var(--text-secondary)}.footer-divider{height:1px;background-color:var(--border);margin-bottom:30px}.footer-bottom{display:flex;justify-content:space-between;align-items:center}.footer-copy{font-size:13px;color:var(--text-secondary)}.footer-links{display:flex;gap:30px}.footer-links a{font-size:13px;color:var(--text-secondary);transition:color .3s ease}.footer-links a:hover{color:var(--accent)}@media(max-width:768px){.footer{padding:40px 24px 24px}.footer-top{flex-direction:column;align-items:flex-start;gap:10px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:16px}}.hero{min-height:100vh;display:flex;align-items:center;padding:80px 60px 0;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;overflow:hidden;z-index:0}.hero-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;gap:40px}.hero-left{max-width:600px}.hero-greeting{font-size:18px;color:var(--accent);font-weight:500;margin-bottom:10px;letter-spacing:2px}.hero-name{font-size:80px;font-weight:700;line-height:1;margin-bottom:20px;color:var(--text-primary)}.hero-name span{color:var(--accent)}.hero-tagline{font-size:22px;font-weight:400;color:var(--text-secondary);margin-bottom:20px;line-height:1.4}.hero-description{font-size:16px;color:var(--text-secondary);line-height:1.8;margin-bottom:40px;max-width:550px}.hero-buttons{display:flex;gap:20px;margin-bottom:50px}.btn-primary{padding:14px 32px;background-color:var(--accent);color:#fff;border-radius:8px;font-weight:600;font-size:15px;transition:background-color .3s ease,transform .2s ease}.btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px)}.btn-secondary{padding:14px 32px;border:1px solid var(--accent);color:var(--accent);border-radius:8px;font-weight:600;font-size:15px;transition:all .3s ease}.btn-secondary:hover{background-color:var(--accent);color:#fff;transform:translateY(-2px)}.hero-stack{display:flex;gap:12px;flex-wrap:wrap}.hero-stack span{padding:6px 16px;border:1px solid var(--border);border-radius:20px;font-size:13px;color:var(--text-secondary)}.hero-right{flex-shrink:0}.profile-wrapper{position:relative;width:320px;height:320px}.profile-glow{position:absolute;inset:-3px;background:linear-gradient(135deg,var(--accent),#6366f1);z-index:0;animation:glowPulse 3s ease-in-out infinite alternate;border-radius:30% 70% 70% 30%/30% 30% 70% 70%}.profile-img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border:4px solid var(--bg-primary);border-radius:30% 70% 70% 30%/30% 30% 70% 70%}@keyframes glowPulse{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.03)}}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:blobMove 8s ease-in-out infinite alternate}.blob-1{width:500px;height:500px;background:var(--accent);top:-100px;left:-100px;animation-duration:8s}.blob-2{width:400px;height:400px;background:#6366f1;top:200px;right:-50px;animation-duration:10s;animation-delay:2s}.blob-3{width:300px;height:300px;background:var(--accent);bottom:-50px;left:40%;animation-duration:12s;animation-delay:4s}@keyframes blobMove{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}to{transform:translate(10px,-10px) scale(1.02)}}@media(max-width:968px){.hero-content{flex-direction:column-reverse;text-align:center}.hero-buttons,.hero-stack{justify-content:center}.profile-wrapper{width:220px;height:220px}}@media(max-width:768px){.hero{padding:120px 24px 60px}.hero-name{font-size:50px}.hero-tagline{font-size:18px}.hero-buttons{flex-direction:column}.btn-primary,.btn-secondary{text-align:center}}.projects{padding:100px 60px;background-color:var(--bg-secondary)}.projects-container{max-width:1100px;margin:0 auto}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.project-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:16px;transition:border-color .3s ease,transform .3s ease}.project-card:hover{border-color:var(--accent);transform:translateY(-4px)}.project-header{display:flex;justify-content:space-between;align-items:center}.project-type{font-size:12px;font-weight:600;color:var(--accent);letter-spacing:2px;text-transform:uppercase}.project-title{font-size:22px;font-weight:600;color:var(--text-primary)}.project-description{font-size:15px;color:var(--text-secondary);line-height:1.7;flex:1}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.project-tag{padding:4px 12px;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;font-size:12px;color:var(--text-secondary)}.project-link{font-size:14px;font-weight:600;color:var(--accent);transition:letter-spacing .3s ease}.project-link:hover{letter-spacing:1px}@media(max-width:768px){.projects{padding:80px 24px}.projects-grid{grid-template-columns:1fr}}.badge-dev{font-size:11px;font-weight:600;color:#f59e0b;border:1px solid #f59e0b;padding:3px 10px;border-radius:20px;letter-spacing:1px}.badge-live{font-size:11px;font-weight:600;color:#22c55e;border:1px solid #22c55e;padding:3px 10px;border-radius:20px;letter-spacing:1px}.modal-overlay{position:fixed;inset:0;background:#000000d9;z-index:9998;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;padding:40px;max-width:800px;width:100%;max-height:92vh;overflow-y:auto;position:relative;display:flex;flex-direction:column;gap:20px}.modal-close{position:absolute;top:20px;right:20px;background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);width:36px;height:36px;border-radius:50%;font-size:14px;cursor:pointer;transition:border-color .3s ease;display:flex;align-items:center;justify-content:center}.modal-close:hover{border-color:var(--accent);color:var(--accent)}.modal-header{display:flex;flex-direction:column;gap:10px}.modal-title{font-size:28px;font-weight:700;color:var(--text-primary)}.modal-screenshots{display:flex;flex-direction:row;gap:12px;overflow-x:scroll;padding-bottom:12px;min-height:180px;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-primary)}.modal-screenshots img{min-width:260px;width:260px;height:160px;object-fit:cover;border-radius:12px;border:1px solid var(--border);flex-shrink:0;display:block;cursor:pointer;transition:border-color .3s ease}.modal-screenshots img:hover{border-color:var(--accent)}.modal-description{font-size:15px;color:var(--text-secondary);line-height:1.8}.modal-tags{display:flex;flex-wrap:wrap;gap:8px}.modal-buttons{display:flex;gap:12px;flex-wrap:wrap}.modal-buttons .btn-primary{padding:12px 28px;background-color:var(--accent);color:#fff;border-radius:8px;font-weight:600;font-size:14px;transition:background-color .3s ease,transform .2s ease}.modal-buttons .btn-primary:hover{background-color:var(--accent-hover);transform:translateY(-2px)}.modal-buttons .btn-secondary{padding:12px 28px;border:1px solid var(--accent);color:var(--accent);border-radius:8px;font-weight:600;font-size:14px;transition:all .3s ease}.modal-buttons .btn-secondary:hover{background-color:var(--accent);color:#fff;transform:translateY(-2px)}@media(max-width:768px){.modal{padding:24px}.modal-title{font-size:22px}}.project-badges{display:flex;gap:8px;align-items:center}.badge-video{font-size:11px;font-weight:600;color:#a855f7;border:1px solid #a855f7;padding:3px 10px;border-radius:20px;letter-spacing:1px}.modal-badges{display:flex;gap:10px;align-items:center}.modal-video{width:100%;border-radius:12px;overflow:hidden;border:1px solid var(--border);position:relative;padding-top:56.25%}.modal-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;display:block}@media(max-width:768px){.modal{padding:24px}.modal-title{font-size:22px}.modal-screenshots img{width:220px;height:140px}}.services{padding:100px 60px;background-color:var(--bg-primary)}.services-container{max-width:1100px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:32px;transition:border-color .3s ease,transform .3s ease}.service-card:hover{border-color:var(--accent);transform:translateY(-4px)}.service-icon{font-size:36px;margin-bottom:20px}.service-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.service-description{font-size:14px;color:var(--text-secondary);line-height:1.8}@media(max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.services{padding:80px 24px}.services-grid{grid-template-columns:1fr}}.skills{padding:100px 60px;background-color:var(--bg-primary)}.skills-container{max-width:1100px;margin:0 auto}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.skill-card{background:linear-gradient(135deg,#111,#0a0a0a);border:1px solid var(--border);border-radius:20px;padding:32px;transition:all .4s ease;position:relative;overflow:hidden}.skill-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(59,130,246,.05),transparent);opacity:0;transition:opacity .4s ease;border-radius:20px}.skill-card:hover:before{opacity:1}.skill-card:hover{border-color:var(--accent);transform:translateY(-6px);box-shadow:0 20px 40px #3b82f61a}.skill-category{font-size:16px;font-weight:700;color:var(--accent);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border);letter-spacing:1px;text-transform:uppercase}.skill-items{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{padding:8px 16px;background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:20px;font-size:13px;color:var(--text-secondary);transition:all .3s ease;cursor:default}.skill-tag:hover{border-color:var(--accent);color:var(--accent);background:#3b82f61a;box-shadow:0 0 12px #3b82f633;transform:translateY(-2px)}@media(max-width:768px){.skills{padding:80px 24px}.skills-grid{grid-template-columns:1fr}}