:root{--bg-color:#fdfbf7;--text-color:#1a1a1a;--card-bg:#fff;--accent-color:#e8d3c3;--card-shadow:0 8px 30px #0000000a;--card-hover-shadow:0 12px 40px #00000014;--font-serif:"Playfair Display", serif;--font-sans:"Montserrat", sans-serif;--border-radius:20px;--transition:all .4s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-color);background-image:radial-gradient(circle at 10% 20%,#e8d3c333 0%,#0000 40%),radial-gradient(circle at 90% 80%,#e8d3c34d 0%,#0000 40%);background-attachment:fixed;justify-content:center;align-items:flex-start;min-height:100vh;padding:60px 20px;display:flex}#app{width:100%;max-width:420px}.container{flex-direction:column;gap:48px;animation:1s cubic-bezier(.16,1,.3,1) fadeIn;display:flex}.profile{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.logo-container{background-color:var(--card-bg);width:140px;height:140px;transition:var(--transition);border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000f}.logo-container:hover{transform:scale(1.03);box-shadow:0 8px 30px #0000001a}.logo{object-fit:cover;border-radius:50%;width:100%;height:100%}.fallback-logo{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.brand-name{font-family:var(--font-serif);color:var(--text-color);font-size:2.2rem;font-style:italic;font-weight:600;line-height:1}.brand-subtitle{font-family:var(--font-sans);letter-spacing:5px;color:#4a4a4a;margin-top:6px;font-size:.65rem;font-weight:400}.bio{color:#555;max-width:90%;margin:0 auto;font-size:.95rem;font-weight:400;line-height:1.6}.links{flex-direction:column;gap:16px;width:100%;display:flex}.link-card{background-color:var(--card-bg);color:var(--text-color);border-radius:var(--border-radius);box-shadow:var(--card-shadow);transition:var(--transition);border:1px solid #00000005;justify-content:center;align-items:center;padding:20px 24px;font-size:1.05rem;font-weight:500;text-decoration:none;display:flex;position:relative;overflow:hidden}.link-card:after{content:"";opacity:.5;background:linear-gradient(90deg,#fff0 0%,#fff6 50%,#fff0 100%);width:50%;height:100%;animation:6s infinite shine;position:absolute;top:0;left:-100%;transform:skew(-25deg)}.link-card:hover{box-shadow:var(--card-hover-shadow);background-color:#fafafa;transform:translateY(-4px)}.link-card .icon{transition:var(--transition);font-size:1.5rem;position:absolute;left:28px}.link-card.instagram:hover .icon{color:#e1306c}.link-card.whatsapp:hover .icon{color:#25d366}.link-card.tiktok:hover .icon{color:#000}footer{text-align:center;margin-top:10px}footer p{color:#a0a0a0;font-size:.8rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{0%{left:-100%}20%{left:200%}to{left:200%}}.links .link-card:first-child{animation:.6s cubic-bezier(.16,1,.3,1) .1s both fadeIn}.links .link-card:nth-child(2){animation:.6s cubic-bezier(.16,1,.3,1) .2s both fadeIn}.links .link-card:nth-child(3){animation:.6s cubic-bezier(.16,1,.3,1) .3s both fadeIn}
