:root{font-family:Outfit,sans-serif;line-height:1.5;font-weight:400;--color-primario: #7D2AE8;--color-secundario: #FF007F;--color-fondo-oscuro: #1c2433;--color-acento-calido: #FFB900;--color-acento-frio: #00BFFF;--color-texto-claro: #FFFFFF;--color-fondo-claro: #F8F5FF}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#f8f5ff,#e8e0ff);color:var(--color-fondo-oscuro)}button{transition:transform .2s,box-shadow .2s;cursor:pointer}button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7d2ae84d}button:active{transform:scale(.98)}