:root{--color-canvas: #0A0A0F;--color-surface: #13131A;--color-surface-hover: #1A1A24;--color-ink: #FFFFFF;--color-ink-muted: #A1A1AA;--color-accent: #A855F7;--color-accent-glow: rgba(168, 85, 247, .15);--color-border: rgba(255, 255, 255, .05);--font-display: "Clash Display", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-h1: clamp(2.5rem, 6vw, 4.5rem);--text-h2: clamp(2rem, 4vw, 3rem);--text-h3: clamp(1.25rem, 2vw, 1.75rem);--text-body: 1rem;--text-small: .875rem;--transition-fast: .2s cubic-bezier(.16, 1, .3, 1);--transition-normal: .4s cubic-bezier(.16, 1, .3, 1)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--color-canvas);color:var(--color-ink);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.1;letter-spacing:-.02em}.kicker{font-family:var(--font-mono);color:var(--color-accent);font-size:var(--text-small);text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem;display:inline-block}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-ink)}.header{position:fixed;top:0;width:100%;padding:1.5rem 0;background:#0a0a0fcc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid var(--color-border)}.nav-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-mono);font-size:1.25rem;font-weight:600;color:var(--color-ink);letter-spacing:-.05em}.logo:after{content:"_";color:var(--color-accent);animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.nav-links{display:flex;gap:2rem}.nav-links a{font-size:var(--text-small);color:var(--color-ink-muted);font-family:var(--font-mono)}main{max-width:1200px;margin:0 auto;padding:0 2rem}section{padding:8rem 0;min-height:80vh;display:flex;flex-direction:column;justify-content:center}.section-header{margin-bottom:4rem}.section-header h2{font-size:var(--text-h2)}.hero{flex-direction:row;align-items:center;justify-content:space-between;gap:4rem;min-height:100vh;padding-top:6rem}.hero-content{flex:1}.hero h1{font-size:var(--text-h1);margin-bottom:1rem}.hero h2{font-size:var(--text-h3);color:var(--color-ink-muted);font-weight:400;margin-bottom:2rem}.hero p{color:var(--color-ink-muted);max-width:500px;margin-bottom:3rem}.cta-group{display:flex;gap:1.5rem;align-items:center}.cta-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-ink);color:var(--color-canvas);padding:.875rem 2rem;border-radius:4px;font-weight:600;font-family:var(--font-body);transition:all var(--transition-fast)}.cta-primary:hover{background:var(--color-accent);color:var(--color-ink);transform:translateY(-2px)}.cta-ghost{color:var(--color-ink);font-family:var(--font-mono);font-size:var(--text-small);border-bottom:1px solid var(--color-border);padding-bottom:2px}.cta-ghost:hover{border-color:var(--color-accent)}.hero-image{flex:1;display:flex;justify-content:flex-end}.image-wrapper{position:relative;width:100%;max-width:400px;aspect-ratio:3/4;border-radius:8px;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border)}.image-wrapper img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.2);mix-blend-mode:luminosity;transition:filter var(--transition-normal)}.image-wrapper:hover img{filter:grayscale(0%) contrast(1)}.glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(circle,var(--color-accent-glow) 0%,transparent 60%);z-index:-1;pointer-events:none}.sobre{background:linear-gradient(to bottom,var(--color-canvas),var(--color-surface));margin:0 -2rem;padding:8rem 2rem}.sobre-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.sobre-text p{color:var(--color-ink-muted);margin-bottom:1.5rem;font-size:1.125rem}.skills-grid{display:flex;flex-wrap:wrap;gap:1rem;align-content:flex-start}.skill-tag{background:var(--color-canvas);border:1px solid var(--color-border);padding:.75rem 1.25rem;border-radius:4px;font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-ink-muted);display:flex;align-items:center;gap:.5rem;transition:all var(--transition-fast)}.skill-tag i{color:var(--color-accent)}.skill-tag:hover{border-color:var(--color-accent);color:var(--color-ink);transform:translateY(-2px);box-shadow:0 4px 12px var(--color-accent-glow)}.projetos-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.projeto-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:3rem;transition:all var(--transition-fast);position:relative;overflow:hidden}.projeto-card:hover{border-color:var(--color-accent);transform:translateY(-4px)}.projeto-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,var(--color-accent-glow),transparent 50%);opacity:0;transition:opacity var(--transition-normal)}.projeto-card:hover:before{opacity:1}.projeto-info{position:relative;z-index:1}.projeto-kicker{font-family:var(--font-mono);color:var(--color-accent);font-size:var(--text-small);margin-bottom:1rem;display:block}.projeto-info h3{font-size:var(--text-h3);margin-bottom:1rem}.projeto-info p{color:var(--color-ink-muted);margin-bottom:2rem}.projeto-links{display:flex;gap:1rem}.link-externo{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:var(--text-small)}.contato{text-align:center;align-items:center}.contato h2{font-size:var(--text-h2);margin-bottom:1.5rem}.contato p{color:var(--color-ink-muted);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}footer{text-align:center;padding:3rem 0;border-top:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-small);color:var(--color-ink-muted)}[data-reveal]{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay, 0s)}[data-reveal=fade-in]{transform:translateY(0)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (max-width: 768px){.hero{flex-direction:column-reverse;text-align:center;padding-top:8rem}.hero-content{display:flex;flex-direction:column;align-items:center}.cta-group{justify-content:center}.sobre-content,.projetos-grid{grid-template-columns:1fr}.nav-links{display:none}}