:root{color-scheme:dark;--bg: #08111f;--bg-soft: #132238;--text: #f6fbff;--muted: rgba(217, 228, 242, .78);--line: rgba(255, 255, 255, .11);--signal: #49c6a5;--glow: #7dd3fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(73,198,165,.16),transparent 30%),radial-gradient(circle at 85% 12%,rgba(125,211,252,.16),transparent 24%),linear-gradient(180deg,#08111f,#0b1525 45%,#08111f);color:var(--text);font-family:Manrope,sans-serif}h1,h2,h3,.brand-mark{font-family:Space Grotesk,sans-serif}a{text-decoration:none}.page-shell{position:relative}.ambient{position:absolute;border-radius:999px;filter:blur(70px);pointer-events:none}.ambient-a{top:8rem;left:-4rem;width:18rem;height:18rem;background:#49c6a524}.ambient-b{top:28rem;right:-5rem;width:22rem;height:22rem;background:#7dd3fc1f}.ambient-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 92%);pointer-events:none}.nav-link{transition:color .18s ease,transform .18s ease}.nav-link:hover{color:#fff;transform:translateY(-1px)}.hero-panel,.metric-card,.timeline-card,.contact-panel,.project-card,.skill-card{position:relative}.hero-panel:before,.project-card:before,.skill-card:before,.timeline-card:before,.contact-panel:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,rgba(125,211,252,.18),rgba(73,198,165,.08),transparent 55%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.section-kicker{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--signal)}.section-title{margin:.85rem 0 0;max-width:44rem;font-size:clamp(2rem,3vw,3.35rem);line-height:1.08;font-weight:800}.project-card{display:flex;flex-direction:column;gap:1.25rem;border:1px solid var(--line);border-radius:1.75rem;background:linear-gradient(180deg,#ffffff12,#ffffff08);padding:1.5rem;box-shadow:0 20px 50px #030a1447;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.project-card:hover{transform:translateY(-6px);border-color:#7dd3fc42;box-shadow:0 24px 60px #030a1459}.project-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.project-badge{display:inline-flex;width:fit-content;align-items:center;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;padding:.45rem .85rem;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--signal)}.project-links{display:flex;gap:.75rem;flex-wrap:wrap}.project-link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(255,255,255,.1);padding:.8rem 1rem;font-size:.85rem;font-weight:700;color:#fff;transition:background .18s ease,border-color .18s ease,transform .18s ease}.project-link:hover{transform:translateY(-1px);border-color:#49c6a580;background:#ffffff0f}.tag-list{display:flex;flex-wrap:wrap;gap:.55rem}.tag{border-radius:999px;background:#7dd3fc17;border:1px solid rgba(125,211,252,.12);padding:.45rem .75rem;font-size:.76rem;color:#d9e4f2eb}.skill-card{border:1px solid var(--line);border-radius:1.75rem;background:linear-gradient(180deg,#ffffff12,#ffffff08);padding:1.6rem;box-shadow:0 20px 50px #030a143d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.skill-chip-wrap{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.1rem}.skill-chip{border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;padding:.55rem .8rem;font-size:.82rem;color:var(--muted)}.contact-card{display:flex;align-items:center;gap:1rem;min-height:86px;border:1px solid var(--line);border-radius:1.35rem;background:linear-gradient(180deg,#ffffff12,#ffffff0a);padding:1rem 1.1rem;color:#fff;box-shadow:0 14px 30px #030a142e;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.contact-card:hover{transform:translateY(-3px);border-color:#49c6a580;background:linear-gradient(180deg,#ffffff17,#ffffff0d);box-shadow:0 18px 40px #030a143d}.contact-card-whatsapp{border-color:#49c6a547;background:linear-gradient(180deg,#49c6a52e,#ffffff0a)}.contact-card-whatsapp:hover{border-color:#49c6a58c}.contact-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 3rem;width:3rem;height:3rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#09111e6b;color:#fff}.contact-icon svg{width:1.25rem;height:1.25rem}.contact-copy{display:flex;flex-direction:column;gap:.18rem}.contact-title{font-size:.98rem;font-weight:800;letter-spacing:.01em;color:#fff}.contact-meta{font-size:.88rem;line-height:1.55;color:#d9e4f2c2}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:767px){.ambient-grid{background-size:48px 48px}.section-title{max-width:100%}}