@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Fira+Code:wght@400&display=swap";:root{--bg-primary: #050510;--bg-secondary: #0a0a1a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent-primary: #00f3ff;--accent-secondary: #7000ff;--accent-glow: rgba(0, 243, 255, .5);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--font-primary: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Fira Code", monospace;--transition-fast: .2s ease;--transition-normal: .3s ease}.section-title{font-size:2rem;margin-bottom:3rem;color:var(--text-primary);display:flex;align-items:center;gap:1rem}.section-line{height:1px;background:var(--accent-secondary);flex:1;opacity:.5}.accent-number{color:var(--accent-primary)}.hero-section{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 2rem;position:relative}.hero-greeting{color:var(--accent-primary);font-size:1.2rem;margin-bottom:1rem;font-weight:600}.hero-name{font-size:4rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(to right,#fff,#a0a0a0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-role{font-size:1.5rem;color:var(--text-secondary);height:2rem}.hero-cursor{border-right:2px solid var(--accent-primary);animation:blink .7s infinite}.hero-cta{margin-top:3rem;padding:1rem 2rem;border:1px solid var(--accent-primary);color:var(--accent-primary);border-radius:4px;font-size:1rem;transition:all .3s ease}.hero-cta:hover{background:var(--accent-primary);color:#000;box-shadow:0 0 20px var(--accent-glow)}.hero-socials{display:flex;gap:1.5rem;margin-top:2rem;z-index:10}.social-icon{width:2rem;height:2rem;transition:transform .3s ease,filter .3s ease;filter:grayscale(100%) brightness(200%);cursor:pointer}.social-icon:hover{transform:translateY(-5px);filter:grayscale(0%) brightness(100%)}.whatsapp-icon,.linkedin-icon,.github-icon{filter:none!important}.wa-bg,.li-bg,.gh-bg{fill:#666;transition:fill .3s ease}.wa-inner,.li-inner{fill:#fff}.whatsapp-icon:hover .wa-bg{fill:#25d366}.linkedin-icon:hover .li-bg{fill:#0077b5}.github-icon:hover .gh-bg{fill:#3e75c3}.hero-photo-placeholder{width:150px;height:150px;border-radius:50%;background:var(--bg-secondary);border:2px solid var(--accent-primary);box-shadow:0 0 20px var(--accent-glow);margin-bottom:2rem;display:flex;justify-content:center;align-items:center;overflow:hidden}.hero-photo-img{width:100%;height:100%;object-fit:cover}@keyframes blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.about-section{padding:6rem 2rem;max-width:800px;margin:0 auto}.about-text{color:var(--text-secondary);font-size:1.1rem;margin-bottom:1.5rem}.projects-section{padding:6rem 2rem;max-width:1200px;margin:0 auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.project-card{background:var(--bg-secondary);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column;cursor:pointer}.project-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px -15px #00000080}.project-image-container{width:100%;height:200px;overflow:hidden;position:relative}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image{transform:scale(1.1)}.project-content{padding:1.5rem;flex:1;display:flex;flex-direction:column}.project-title{color:var(--text-primary);font-size:1.25rem;margin-bottom:.5rem;font-weight:600}.project-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.navbar{position:fixed;top:0;left:0;width:100%;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:all .3s ease;background:transparent}.navbar.scrolled{background:#050510cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 2rem}.nav-logo{font-size:1.5rem;font-weight:700;color:var(--accent-primary);letter-spacing:1px;z-index:1001}.nav-links{display:flex;gap:2rem;list-style:none}.nav-link{color:var(--text-primary);font-weight:500;position:relative;cursor:pointer;transition:color .3s ease}.nav-link:hover{color:var(--accent-primary)}.nav-cta{padding:.5rem 1.2rem;border:1px solid var(--accent-primary);color:var(--accent-primary);border-radius:4px;font-size:.9rem;transition:all .3s ease;background:transparent;cursor:pointer;text-decoration:none;display:inline-block}.nav-cta:hover{background:var(--accent-primary);color:#000;box-shadow:0 0 15px var(--accent-glow)}.hamburger{display:none;flex-direction:column;justify-content:space-around;width:2rem;height:2rem;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-line{width:2rem;height:.25rem;background:var(--text-primary);border-radius:10px;transition:all .3s linear;position:relative;transform-origin:1px}@media(max-width:768px){.hamburger{display:flex}.nav-links{position:fixed;top:0;right:0;height:100vh;width:70%;max-width:300px;background:var(--bg-secondary);flex-direction:column;justify-content:center;align-items:center;transform:translate(100%);transition:transform .3s ease-in-out;box-shadow:-5px 0 15px #00000080;padding-top:4rem}.nav-links.open{transform:translate(0)}.nav-link{font-size:1.5rem;margin:1.5rem 0}.hamburger.open .hamburger-line:nth-child(1){transform:rotate(45deg)}.hamburger.open .hamburger-line:nth-child(2){opacity:0;transform:translate(20px)}.hamburger.open .hamburger-line:nth-child(3){transform:rotate(-45deg)}}.projects-loading,.projects-error{text-align:center;color:var(--text-secondary);padding:2rem}.projects-error{color:#f44}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;justify-content:center;align-items:center;padding:2rem}.modal-content{background:var(--bg-secondary);border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;border:1px solid var(--accent-primary);box-shadow:0 0 30px #00f3ff1a}.modal-image{width:100%;height:auto;max-height:60vh;object-fit:contain;background:#0003}.modal-body{padding:2rem}.modal-title{color:var(--text-primary);font-size:2rem;margin-bottom:1rem;font-weight:600}.modal-description{color:var(--text-primary);font-size:.95rem;line-height:1.5}.modal-close-button{position:absolute;top:1rem;right:1rem;background:#00000080;border:none;color:#fff;font-size:1.5rem;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:background .3s ease}.modal-close-button:hover{background:var(--accent-primary)}.contact-section{padding:6rem 2rem;max-width:600px;margin:0 auto;text-align:center;margin-bottom:4rem}.contact-title{font-size:2rem;margin-bottom:1.5rem;color:var(--text-primary)}.contact-subtitle{color:var(--accent-primary);font-size:1.5rem;display:block;margin-bottom:1rem}.contact-text{color:var(--text-secondary);margin-bottom:3rem;font-size:1.1rem}.contact-button{padding:1.2rem 3rem;border:1px solid var(--accent-primary);color:var(--accent-primary);border-radius:4px;font-size:1.1rem;transition:all .3s ease;text-decoration:none;display:inline-block}.contact-button:hover{background:var(--accent-glow);color:#fff}@media(max-width:768px){.hero-name{font-size:2.5rem}.hero-role{font-size:1.2rem}.about-section,.projects-section,.contact-section{padding:4rem 1.5rem}.section-title{font-size:1.25rem;margin-bottom:2rem;flex-wrap:wrap}.section-line{display:none;width:100%;flex-basis:100%;margin-top:.5rem}.projects-grid{grid-template-columns:1fr}.modal-overlay{padding:1rem}.modal-title{font-size:1.5rem}.modal-body{padding:1.5rem}.contact-title{font-size:1.75rem}.contact-subtitle{font-size:1.25rem}.contact-button{padding:1rem 2rem;width:100%}.wa-bg{fill:#25d366}.li-bg{fill:#0077b5}.gh-bg{fill:#3e75c3}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}ul{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}