@keyframes pulseBorder{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}70%{box-shadow:0 0 0 12px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}:root{--bg1:#0ea5e9;--bg2:#8b5cf6;--text:#f8fafc;--ink:#0f172a;--glass:rgba(255, 255, 255, 0.08);--glass-border:rgba(255, 255, 255, 0.18)}body::after{content:"";position:fixed;inset:0;background:linear-gradient(135deg,rgba(255,140,0,.355),rgba(255,215,0,.555),rgba(34,139,34,.245),rgba(255,215,0,.555),rgba(139,0,0,.14));background-size:400% 400%;animation:gradientShift 10s ease-in-out infinite;z-index:-1}*{box-sizing:border-box}body,html{height:100%}body{margin:0;display:grid;place-items:center;background:url(../resources/fondo.jpg)no-repeat center center fixed;animation:blurBg 2s ease-in-out infinite alternate;background-size:cover;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,"Helvetica Neue",Arial,"Apple Color Emoji","Segoe UI Emoji"}.card{width:min(620px,92vw);padding:28px;border-radius:22px;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(10px);box-shadow:0 12px 40px rgba(0,0,0,.25);text-align:center}.avatar{width:96px;height:96px;border-radius:50%;display:block;margin:0 auto 12px;border:3px solid rgba(255,255,255,.5);object-fit:cover;object-position:center;animation:pulseBorder 2s infinite}.tagline,h1{cursor:default}h1{font-size:1.6rem;margin:6px 0 4px}h1 strong{letter-spacing:.25rem}.tagline{opacity:.9;margin:0 0 14px}.links{display:flex;flex-direction:column;gap:12px;margin-top:18px}.link{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 18px;border-radius:14px;text-decoration:none;transition:transform .06s ease,background .18s ease,border-color .18s ease;border:1.5px solid transparent;font-weight:600;font-size:1rem}.link svg{width:20px;height:20px;flex:none}.link.ghost{background:0 0;color:#fff;border-color:rgba(255,255,255,.65)}.link.ghost:hover{background:rgba(255,255,255,.1);transform:translateY(-1px)}.link.primary{background:var(--glass);color:var(--text);border-color:rgba(255,255,255,.75)}.link.primary:hover{background:#ffffff5e;transform:translateY(-1px)}.footer{margin-top:18px;font-size:.92rem;opacity:.85}@media (max-width:480px){.card{padding:20px 16px;border-radius:16px}.avatar{width:72px;height:72px}h1{font-size:1.3rem}.tagline{font-size:.9rem}.link{font-size:.95rem;padding:14px 12px}.link svg{width:18px;height:18px}}