:root{--color-deep-violet: #502D55;--color-rose-mauve: #935073;--color-peach-cream: #F6DBC0;--color-ivory: #F8F4E9;--bg-midnight: #140b17;--bg-gradient-top: #25122b;--bg-gradient-mid: #502D55;--bg-gradient-horizon: #7a3c61;--bg-radial-glow: #3a1c3d;--glass-bg-primary: linear-gradient(135deg, rgba(147, 80, 115, .28) 0%, rgba(80, 45, 85, .38) 100%);--glass-bg-mauve: linear-gradient(135deg, rgba(147, 80, 115, .38) 0%, rgba(80, 45, 85, .45) 100%);--glass-bg-dusk: linear-gradient(135deg, rgba(80, 45, 85, .45) 0%, rgba(45, 23, 49, .55) 100%);--glass-bg-warm: linear-gradient(135deg, rgba(246, 219, 192, .16) 0%, rgba(147, 80, 115, .32) 100%);--glass-border: rgba(246, 219, 192, .2);--glass-border-hover: rgba(246, 219, 192, .55);--glass-highlight: rgba(248, 244, 233, .12);--glass-blur: 16px;--glow-soft: 0 0 20px rgba(147, 80, 115, .35);--glow-peach: 0 0 25px rgba(246, 219, 192, .5);--glow-card-shadow: 0 10px 25px -5px rgba(14, 7, 17, .65);--glow-card-hover-shadow: 0 16px 36px rgba(14, 7, 17, .75), 0 0 28px rgba(246, 219, 192, .45);--font-pixel: "Press Start 2P", monospace;--font-ui: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--radius-card: 18px;--radius-pill: 999px;--radius-icon: 12px}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(circle at 50% 18%,var(--bg-radial-glow) 0%,var(--bg-midnight) 75%);color:var(--color-ivory);font-family:var(--font-ui);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow-x:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.scenery-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;overflow:hidden;background-color:#0a040b}.scenery-image{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;background-image:url(/fondo.jpg);background-position:center top;background-size:cover;background-repeat:no-repeat;filter:brightness(.92) contrast(1.05);transform:scale(1.01);will-change:transform;transition:width .3s ease,left .3s ease}@media (min-width: 992px){.scenery-image{width:75vw;left:50%;transform:translate(-50%);background-size:cover;background-position:center top;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 8%,black 92%,transparent 100%)}}.scenery-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,#ff283c0d,#12071440 55%,#0a040b8c),linear-gradient(180deg,#0a040b14,#0e061033 25%,#0f061159,#0a040b73 85%,#0a040b99)}.scenery-particles{position:absolute;top:0;right:0;bottom:0;left:0;animation:emberGlow 5s ease-in-out infinite alternate}@keyframes emberGlow{0%{opacity:.55;transform:translateY(0)}to{opacity:.95;transform:translateY(-7px)}}.main-container{position:relative;z-index:1;width:100%;max-width:980px;padding:35px 20px 65px;display:flex;flex-direction:column;align-items:center}.hero-stage{display:flex;flex-direction:column;align-items:center;margin-top:15px;margin-bottom:38px;text-align:center}.avatar-wrapper{position:relative;margin-bottom:18px;display:flex;align-items:center;justify-content:center}.pixel-avatar,.hero-avatar-img{width:105px;height:140px;object-fit:contain;border-radius:14px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.65)) drop-shadow(0 0 14px rgba(246,219,192,.35));animation:avatarFloat 4.5s ease-in-out infinite}@keyframes avatarFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.bridge-light{position:absolute;bottom:8px;width:14px;height:14px;background:var(--color-peach-cream);border-radius:50%;box-shadow:0 0 16px 6px #f6dbc0b3;animation:lanternGlow 2.8s infinite alternate ease-in-out}.bridge-light.left{left:-48px}.bridge-light.right{right:-48px}@keyframes lanternGlow{0%{opacity:.7;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}.greeting-bubble{font-family:var(--font-pixel);font-size:13px;line-height:1.6;color:var(--color-peach-cream);text-shadow:0 0 12px rgba(246,219,192,.4);margin-bottom:10px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.cursor-blink{display:inline-block;width:8px;height:13px;background:var(--color-peach-cream);margin-left:5px;animation:cursorBlink 1s step-end infinite}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.hero-sub{font-size:13.5px;line-height:1.65;color:var(--color-peach-cream);opacity:.88;letter-spacing:.02em;font-weight:400;max-width:800px;margin:0 auto;text-wrap:balance}.links-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.link-card{position:relative;text-decoration:none;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-radius:var(--radius-card);background:var(--glass-bg-primary);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glow-card-shadow),inset 0 1px 1px var(--glass-highlight);overflow:hidden;cursor:pointer;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s cubic-bezier(.2,.8,.2,1),border-color .25s ease}.link-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 42%,rgba(248,244,233,.09) 50%,transparent 58%);transform:rotate(25deg);pointer-events:none;transition:transform .65s ease}.link-card:hover{transform:translateY(-4px);border-color:var(--glass-border-hover);box-shadow:var(--glow-card-hover-shadow)}.link-card:hover:before{transform:rotate(25deg) translate(30%,30%)}.link-card.variant-mauve{background:var(--glass-bg-mauve)}.link-card.variant-dusk{background:var(--glass-bg-dusk)}.link-card.variant-warm{background:var(--glass-bg-warm)}.card-info{display:flex;flex-direction:column;gap:4px;z-index:2}.card-title{font-size:15px;font-weight:700;color:var(--color-ivory);letter-spacing:-.01em}.card-meta{font-size:11.5px;color:var(--color-peach-cream);opacity:.85}.card-icon-box{width:44px;height:44px;border-radius:var(--radius-icon);display:flex;align-items:center;justify-content:center;background:#f6dbc01f;border:1px solid rgba(246,219,192,.22);box-shadow:inset 0 1px 2px #fff3,0 4px 10px #0000004d;color:var(--color-peach-cream);z-index:2;transition:all .22s ease;flex-shrink:0}.link-card:hover .card-icon-box{background:var(--color-peach-cream);color:var(--color-deep-violet);box-shadow:0 0 16px #f6dbc0d9;transform:scale(1.06)}@media (min-width: 821px){.card-single-top{grid-column:2}}.center-branding{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:20px;margin:12px 0;position:relative}.center-branding:before,.center-branding:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(246,219,192,.22),transparent)}.brand-badge{font-family:var(--font-pixel);font-size:11px;color:var(--color-peach-cream);letter-spacing:.14em;text-transform:uppercase;padding:7px 18px;border-radius:var(--radius-pill);background:#502d558c;border:1px solid rgba(246,219,192,.25);box-shadow:0 0 18px #93507359;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-strip{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;z-index:2}.hero-stage .social-strip{margin-top:20px}.social-pill{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#502d5566;border:1px solid rgba(246,219,192,.2);color:var(--color-peach-cream);text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.social-pill:hover{background:var(--color-rose-mauve);color:var(--color-ivory);border-color:var(--color-peach-cream);box-shadow:0 0 16px #f6dbc080;transform:translateY(-2px)}.hub-footer{margin-top:45px;display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--color-peach-cream);opacity:.78;font-size:12px;text-align:center;z-index:2}.code-cave-logo{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.05em;color:var(--color-ivory)}.code-cave-logo a,.hub-footer a{color:var(--color-peach-cream);text-decoration:underline;text-decoration-color:#f6dbc073;text-underline-offset:3px;font-weight:600;transition:all .2s ease}.code-cave-logo a:hover,.hub-footer a:hover{color:var(--color-ivory);text-decoration-color:var(--color-peach-cream);text-shadow:0 0 10px rgba(246,219,192,.65)}@media (max-width: 820px){.links-grid{grid-template-columns:1fr;max-width:440px;gap:14px}.main-container{padding:24px 16px 50px}.greeting-bubble{font-size:11.5px}.brand-badge{font-size:9.5px;padding:6px 14px}.scenery-particles{opacity:.65}}