@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@700;800&family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@300;400;500&display=swap";:root{--teal-deep: #013d3a;--teal-mid: #0a7a72;--teal-bright: #0ec4b8;--teal-glow: rgba(14, 196, 184, .18);--teal-subtle: rgba(14, 196, 184, .07);--bg: #060a0a;--surface: #0c1514;--surface-2: #111e1d;--text-primary: #f0fffe;--text-muted: rgba(240, 255, 254, .55);--border: rgba(14, 196, 184, .14);--radius-card: 16px}*,*:before,*:after{box-sizing:border-box}.cursor-dot{pointer-events:none;position:fixed;transform:translate(-50%,-50%);border-radius:50%;z-index:9999;width:5px;height:5px;background-color:var(--teal-bright);box-shadow:0 0 8px var(--teal-bright),0 0 16px #0ec4b866;transition:opacity .2s}.cursor-outline{pointer-events:none;position:fixed;transform:translate(-50%,-50%);border-radius:50%;z-index:9998;width:28px;height:28px;border:1px solid rgba(14,196,184,.35);transition:width .25s ease,height .25s ease,background-color .25s ease,border-color .25s ease}.cursor-outline.hovering{width:44px;height:44px;background-color:#0ec4b814;border-color:#0ec4b8b3}#starCanvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg);font-family:Inter,sans-serif;position:relative;overflow:hidden;cursor:none;padding:24px 16px}.main-wrapper{display:flex;flex-direction:column;width:640px;z-index:10;position:relative;opacity:0;transform:translateY(18px);animation:fadeUp .55s cubic-bezier(.22,1,.36,1) .1s forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.card-container{display:flex;width:100%;min-height:320px;border-radius:var(--radius-card) var(--radius-card) 0 0;background:linear-gradient(135deg,var(--teal-deep) 0%,#0d5e58 60%,var(--teal-mid) 100%);position:relative;overflow:hidden;border:1px solid var(--border);border-bottom:none}.card-container:before{content:"";position:absolute;inset:0;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;opacity:.5}.card-container:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(14,196,184,.12) 0%,transparent 70%);top:-60px;right:40px;pointer-events:none}.source-btn{position:absolute;top:12px;right:12px;z-index:10;color:#f0fffe66;font-size:14px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(14,196,184,.15);border-radius:8px;text-decoration:none;transition:color .2s,border-color .2s,background .2s}.source-btn:hover{color:var(--teal-bright);border-color:var(--teal-bright);background:#0ec4b814}.source-btn:before{content:attr(data-tooltip);position:absolute;bottom:130%;left:50%;transform:translate(-50%) translateY(6px);background:#060a0ae6;color:var(--teal-bright);border:1px solid var(--border);padding:4px 9px;border-radius:6px;font-size:10px;font-family:JetBrains Mono,monospace;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease;pointer-events:none;z-index:100}.source-btn:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.descripcion{flex:1.4;display:flex;flex-direction:column;justify-content:center;padding:36px 32px;color:var(--text-primary);position:relative;z-index:1}.name-status{display:flex;align-items:center;gap:10px;margin-bottom:6px}.name-status h1{font-family:Plus Jakarta Sans,sans-serif;font-size:26px;font-weight:800;margin:0;letter-spacing:-.5px;line-height:1}.status-indicator{position:relative;display:flex;align-items:center;justify-content:center;width:12px;height:12px;flex-shrink:0;cursor:default}.status-dot{width:7px;height:7px;background-color:#22c55e;border-radius:50%;z-index:2}.status-pulse{position:absolute;inset:0;background-color:#22c55e;border-radius:50%;opacity:.5;animation:ripple 2.2s ease-out infinite}.status-indicator:before{content:attr(data-tooltip);position:absolute;bottom:140%;left:50%;transform:translate(-50%) translateY(6px);background:#060a0ae6;color:#22c55e;border:1px solid rgba(34,197,94,.25);padding:4px 9px;border-radius:6px;font-size:10px;font-family:JetBrains Mono,monospace;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease;pointer-events:none;z-index:100}.status-indicator:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}@keyframes ripple{0%{transform:scale(1);opacity:.5}to{transform:scale(3.2);opacity:0}}.title-container{margin-bottom:14px;height:1.4em;display:flex;align-items:center}#typewriter-title{font-size:13px;font-family:JetBrains Mono,monospace;border-right:2px solid rgba(255,255,255,.7);padding-right:4px;margin:0;white-space:nowrap;color:#f0fffeb3;animation:blink .9s step-end infinite}@keyframes blink{0%,to{border-color:transparent}50%{border-color:#ffffffb3}}.about-container{width:100%;max-width:360px}.about-text{margin-bottom:28px;line-height:1.65;font-size:13px;font-weight:400;color:#f0fffed1;text-align:left}.social-footer{margin-top:auto}.icons{display:flex;gap:16px;align-items:center}.social-icon{color:#f0fffebf!important;font-size:20px;transition:color .2s ease,transform .25s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;display:inline-flex;position:relative;text-decoration:none}.social-icon:hover{transform:translateY(-4px);color:var(--teal-bright)!important;filter:drop-shadow(0 0 6px rgba(14,196,184,.6))}.social-icon:before{content:attr(data-tooltip);position:absolute;bottom:130%;left:50%;transform:translate(-50%) translateY(6px);background:#060a0ae6;color:var(--teal-bright);border:1px solid var(--border);padding:4px 9px;border-radius:6px;font-size:10px;font-family:JetBrains Mono,monospace;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease;pointer-events:none;z-index:100}.social-icon:hover:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.image{flex:.6;display:flex;justify-content:center;align-items:center;padding:24px 20px;position:relative;z-index:1}.img-wrapper{position:relative;padding:3px;border-radius:50%;background:linear-gradient(135deg,#0ec4b880,#0ec4b81a)}.img-wrapper:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(14,196,184,.2)}.image img{width:155px;height:155px;border-radius:50%;object-fit:cover;display:block}.skills-panel{width:100%;max-height:0;overflow:hidden;background:var(--surface);border-left:1px solid var(--border);border-right:1px solid var(--border);transition:max-height .42s cubic-bezier(.4,0,.2,1)}.skills-panel.active{max-height:260px}.panel-inner{padding:20px 32px 24px}.panel-label{font-size:10px;font-family:JetBrains Mono,monospace;color:var(--teal-bright);letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;opacity:.8}.tech-stack{display:flex;flex-wrap:wrap;gap:8px}.tag{background:var(--teal-subtle);border:1px solid var(--border);padding:6px 14px;border-radius:20px;font-size:11px;color:#f0fffed9;font-family:JetBrains Mono,monospace;transition:background .2s ease,border-color .2s ease,transform .2s ease,color .2s ease;cursor:default}.tag:hover{background:#0ec4b826;border-color:var(--teal-bright);color:var(--teal-bright);transform:translateY(-2px)}.trigger-wrapper{width:100%;display:flex;justify-content:center;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-card) var(--radius-card);padding:13px 0}.skills-cta{background:none;border:none;color:#f0fffe8c;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;display:flex;align-items:center;gap:9px;transition:color .2s ease}.skills-cta:hover{color:var(--teal-bright)}.arrow-icon{display:inline-block;transition:transform .3s cubic-bezier(.4,0,.2,1)}.skills-cta:not(.is-open) .arrow-icon{animation:nudge 2.4s ease-in-out infinite}.skills-cta.is-open .arrow-icon{animation:none!important;transform:rotate(180deg)}@keyframes nudge{0%,70%,to{transform:translateY(0)}40%{transform:translateY(3px)}55%{transform:translateY(1px)}}@media(max-width:680px){.main-wrapper{width:100%}.card-container{flex-direction:column-reverse;min-height:auto}.descripcion{padding:24px 24px 20px}.image{padding:24px 24px 12px}.image img{width:110px;height:110px}.panel-inner{padding:16px 24px 20px}.about-container{max-width:100%}}@media(max-width:400px){.name-status h1{font-size:22px}}