:root{--bg:#0a0e27;--surface:#131829;--surface-elevated:#1a1f3a;--text:#e4e4e7;--text-muted:#94a3b8;--primary:#3b82f6;--primary-hover:#2563eb;--primary-light:#60a5fa;--border:#1e293b;--radius:12px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(70, 57, 57, .04)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1150px;margin:0 auto;padding:0 20px}.navbar{position:sticky;top:0;background:#0a0e27cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100;box-shadow:0 1px 3px #0000001a}.navbar a{color:var(--text);text-decoration:none;font-weight:500;font-size:.9rem;margin-left:20px;padding:6px 0;position:relative;transition:color .2s ease}.navbar a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary);transition:width .3s ease}.navbar a:hover{color:var(--primary-light)}.navbar a:hover:after{width:100%}.navbar-inner{display:flex;justify-content:space-between;align-items:center;margin:0 auto}.mobile-nav-links{display:none;position:absolute;top:100%;left:0;right:0;width:100%;background:#0a0e27fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 24px #0000004d;z-index:1000;flex-direction:column;align-items:stretch;gap:0;padding:1rem 0;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;border-bottom:1px solid var(--border)}.mobile-nav-links a{color:var(--text);text-decoration:none;font-weight:500;font-size:1rem;padding:1rem 2rem;transition:all .2s ease;position:relative;border-left:3px solid transparent;background:transparent}.mobile-nav-links a:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);transform:scaleY(0);transition:transform .2s ease}.mobile-nav-links a:hover:before,.mobile-nav-links a:active:before{transform:scaleY(1)}.mobile-nav-links a:hover{color:var(--primary-light);background:#3b82f60d}.mobile-nav-links a:active{background:#3b82f61a}.mobile-nav-links.open{display:flex;transform:translateY(0);opacity:1}.menu-button{background:none;border:none;cursor:pointer;z-index:1100;padding:8px;border-radius:8px;transition:all .3s ease;position:relative}.menu-button:hover{background:#3b82f61a}.menu-icon{display:flex;flex-direction:column;width:24px;height:18px;justify-content:space-between;position:relative}.menu-line{width:100%;height:2px;background:var(--text);border-radius:1px;transition:all .3s cubic-bezier(.23,1,.32,1);transform-origin:center}.menu-line.open:nth-child(1){transform:translateY(8px) rotate(45deg);background:var(--primary)}.menu-line.open:nth-child(2){opacity:0;transform:scaleX(0)}.menu-line.open:nth-child(3){transform:translateY(-8px) rotate(-45deg);background:var(--primary)}@media (max-width: 768px){.menu-button{display:block}.nav-links{display:none}.skills-grid{grid-template-columns:1fr;gap:1.5rem}.skill-item{padding:.75rem 0}.footer-content{flex-direction:column;text-align:center;padding:2rem 1rem 1.5rem;gap:1.5rem}.footer-description{max-width:100%}.footer-socials{justify-content:center;gap:1rem}.footer-social-link{font-size:.85rem;padding:.4rem .6rem}.footer-bottom{padding:.75rem 1rem}.footer-bottom-content{text-align:center}}@media (min-width: 769px){.mobile-nav-links{display:none}}.brand{display:flex;gap:4px;align-items:center;font-weight:700}.hero-centered{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px 32px 60px}.profile-img{width:180px;height:180px;object-fit:cover;border-radius:50%;box-shadow:0 4px 24px #00000014;background:transparent;border:none}.hero-info{text-align:center;max-width:540px}.hero-role{color:var(--text-muted);font-size:1.1rem;margin-top:8px;margin-bottom:8px}.hero-name{font-size:2.5rem;font-weight:700;margin-top:10px;margin-bottom:10px;color:var(--text)}.hero-actions{display:flex;gap:16px;justify-content:center}.btn{display:inline-block;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;border:0;cursor:pointer;transition:all .3s ease;color:#fff;box-shadow:0 2px 8px #0000001a;background:#4f85c8;text-decoration:none}.btn:hover{box-shadow:0 4px 16px #3b82f64d;transform:translateY(-2px)}.btn-primary{background:var(--primary);color:#fff;border:2px solid var(--primary)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:#3b82f61a}@media (max-width: 768px){p{justify-content:center}}.kicker{color:var(--text-muted);text-transform:uppercase;letter-spacing:.15em;font-size:.9rem}.card{background:var(--surface);margin-top:10px;margin-bottom:10px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .3s ease}.card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 12px 24px #3b82f626}.card-body{padding:16px}.badge{display:inline-block;background:#3b82f61a;color:var(--primary-light);padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(59,130,246,.2)}.section{padding:50px 0}.section-title{margin:0 0 12px;font-size:2.25rem;font-weight:700;background:linear-gradient(135deg,var(--text) 0%,var(--primary-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-sub{color:var(--text-muted);margin:0 0 40px;font-size:1.125rem;line-height:1.75}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:.8rem;color:var(--text-muted);background:var(--surface-elevated);border:1px solid var(--border);padding:4px 10px;border-radius:6px;transition:all .2s ease}.tag:hover{color:var(--primary-light);border-color:var(--primary)}.card a{text-decoration:none;color:var(--primary-light);font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.card a:hover{color:var(--primary);transform:translate(4px)}.form{display:grid;gap:12px}.input,.textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #2a2d3a;background:var(--surface);color:var(--text)}.stacks-row{display:flex-wrap;justify-content:center;align-items:center;width:100%;margin-top:1rem}.skills-icons{width:100%;max-width:800px;height:auto}.contact-centered{min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center}.contact-title{font-size:2rem;font-weight:700;color:var(--text);margin:10px}.contact-info{display:flex;justify-content:center;align-items:center}.email-btn,.linkedin-btn{border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin:0 8px;transition:box-shadow .2s;text-decoration:none;background:none;box-shadow:none}.email-btn:hover,.linkedin-btn:hover{box-shadow:0 4px 16px #3b82f633}.skills-header{text-align:center;margin-bottom:1rem}.tech-stack{text-align:center;padding:48px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);transition:all .3s ease}.tech-stack:hover{border-color:var(--primary);box-shadow:0 12px 24px #3b82f61a}.tech-icons-img{width:100%;max-width:700px;height:auto;transition:all .3s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.tech-icons-img:hover{transform:scale(1.02);filter:drop-shadow(0 8px 16px rgba(59,130,246,.2))}.tech-stack-title{margin:0 0 1.5rem;font-size:1.25rem;color:var(--text)}.tech-icons{display:flex;justify-content:center;align-items:center}.tech-icons-img{width:100%;max-width:600px;height:auto;transition:transform .3s ease}.tech-icons-img:hover{transform:scale(1.05)}.footer-container{background:var(--bg);border-top:none;margin-top:80px}.footer-content{max-width:1150px;margin:0 auto;padding:1rem 1.5rem;display:flex;justify-content:center;align-items:center}.footer-section{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text-muted)}.footer-subtitle{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;color:var(--text)}.footer-description{margin:0;color:var(--text-muted);line-height:1.75;max-width:400px;font-size:1rem}.footer-socials{display:flex;gap:1rem;align-items:center}.footer-social-link{display:flex;align-items:center;gap:.5rem;color:var(--text);text-decoration:none;transition:all .3s ease;padding:12px 20px;border-radius:8px;font-size:.95rem;font-weight:500;background:var(--surface);border:1px solid var(--border)}.footer-social-link:hover{color:var(--primary);background:var(--surface-elevated);border-color:var(--primary);transform:translateY(-2px)}.footer-bottom{border-top:none;padding:1.5rem 2rem;background:var(--bg)}.footer-bottom-content{max-width:1150px;margin:0 auto;display:flex;justify-content:center;align-items:center}.footer-copyright,.footer-made-with{margin:0;color:var(--text-muted);font-size:.875rem}@media (max-width: 768px){.menu-button{display:block}.nav-links{display:none}.tech-stack{padding:1.5rem}.tech-icons-img{max-width:100%}.footer-content{flex-direction:column;text-align:center;padding:2rem 1rem 1.5rem;gap:1.5rem}.footer-description{max-width:100%}.footer-socials{justify-content:center;gap:1rem}.footer-social-link{font-size:.85rem;padding:.4rem .6rem}.footer-bottom{padding:.75rem 1rem}.footer-bottom-content{text-align:center}}@media (max-width:900px){.grid-3,.grid-2{grid-template-columns:1fr}}